إصدار antd: 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
تم الإبلاغ عن الخطأ في السطر 400 في 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);
}
});
إذا تمت كتابته مباشرة كـ 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>
this.props.options.map((item, index) => {
return <Option key={index} value={item.id}>{item.name}</Option>
})
أو
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
تضمين التغريدة
سوجا
تم إقفال هذا الموضوع تلقائيًا لأنه لم يكن به نشاط حديث. الرجاء فتح مشكلة جديدة للأخطاء ذات الصلة والربط بالتعليقات ذات الصلة في هذا الموضوع.
التعليق الأكثر فائدة
أو
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions