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>
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.
Komentar yang paling membantu
atau
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions