Ant-design: select 구성 요소가 props를 통해 데이터를 전달할 때 Option을 순회하고 오류를 보고합니다.

개미 버전: 2.0.0
운영 체제 및 버전: OS X 10.11.6
브라우저 및 해당 버전: chrome 53.0.2785.116

기본 코드는 다음과 같습니다.

<FormItem
  label="选择业务"
  labelCol={{ span: 6 }}
  wrapperCol={{ span: 14 }}
>
  {getFieldDecorator('bid', { initialValue: "1" })(
    <Select 
      size="large" 
      style={{ width: 150 }}
      onChange={this.handleSelectChange.bind(this)}
    >
      {
        this.props.options.map((item, index) => {
          <Option key={index} value={item.id}>{item.name}</Option>
        })
      }
    </Select>
  )}
</FormItem>

Option this.props.options.map 할 때 오류가 보고됩니다.

Select.js:400 Uncaught TypeError: Cannot read property 'type' of null

Select.js 의 400행에 오류가 보고됩니다.

_react2["default"].Children.forEach(children, function (child) {
  if (child.type === _OptGroup2["default"]) {
    var maybe = _this2.getLabelBySingleValue(child.props.children, value);
    if (maybe !== null) {
      label = maybe;
    }
  } else if ((0, _util.getValuePropValue)(child) === value) {
    label = _this2.getLabelFromOption(child);
  }
});

Option 로 직접 작성하면 문제 없습니다.

<FormItem
  label="选择业务"
  labelCol={{ span: 6 }}
  wrapperCol={{ span: 14 }}
>
  {getFieldDecorator('bid', { initialValue: "1" })(
    <Select 
      size="large" 
      style={{ width: 150 }}
      onChange={this.handleSelectChange.bind(this)}
    >
      <Option value="1">option1</Option>
      <Option value="2">option2</Option>
    </Select>
  )}
</FormItem>