Ant-design: Ketika komponen pilih melewati data melalui alat peraga, ia melintasi Opsi dan melaporkan kesalahan

Dibuat pada 12 Okt 2016  ·  3Komentar  ·  Sumber: ant-design/ant-design

versi semut: 2.0.0
Sistem operasi dan versinya: OS X 10.11.6
Browser dan versinya: chrome 53.0.2785.116

Kode dasarnya adalah sebagai berikut:

<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>

Saat melintasi Option this.props.options.map kesalahan dilaporkan

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

Kesalahan dilaporkan pada baris 400 di Select.js

_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);
  }
});

Jika langsung ditulis sebagai Option , tidak ada masalah

<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>

Komentar yang paling membantu

this.props.options.map((item, index) => {
    return <Option key={index} value={item.id}>{item.name}</Option>
})

atau

this.props.options.map((item, index) => <Option key={index} value={item.id}>{item.name}</Option>)

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions

Semua 3 komentar

this.props.options.map((item, index) => {
    return <Option key={index} value={item.id}>{item.name}</Option>
})

atau

this.props.options.map((item, index) => <Option key={index} value={item.id}>{item.name}</Option>)

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions

ini @RaoHai
soga

Utas ini telah dikunci secara otomatis karena tidak ada aktivitas terbaru. Silakan buka masalah baru untuk bug terkait dan tautkan ke komentar yang relevan di utas ini.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat