Ant-design: عندما يمر مكون التحديد في البيانات من خلال الخاصيات ، فإنه يتجاوز الخيار ويبلغ عن خطأ

تم إنشاؤها على ١٢ أكتوبر ٢٠١٦  ·  3تعليقات  ·  مصدر: ant-design/ant-design

إصدار 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

ال 3 كومينتر

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

تضمين التغريدة
سوجا

تم إقفال هذا الموضوع تلقائيًا لأنه لم يكن به نشاط حديث. الرجاء فتح مشكلة جديدة للأخطاء ذات الصلة والربط بالتعليقات ذات الصلة في هذا الموضوع.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات