antd 使用三元表达式判断form表单里面的内容展示报错

Question

antd 使用三元表达式判断form表单里面的内容展示报错 Cannot read property 'filter' of undefined
代码如下
<FormItem

                              label={languageObj.factory}//label="工厂 "
                              {...this.layout.layoutFormTwo}
                              className={style.FormItem}
                          >
                              <div style={spanStyle}>
                                {getFieldDecorator('productionFactory', {
                                    rules: [{
                                        required: true,
                                        message: ' '
                                    }],
                                })(
                                  this.props.orderItem.productAttributes != '复审'?<Input disabled placeholder={languageObj.factory} />:<Select
                                    style={{ width: "100%" }}
                                    onSelect={this.Cgongchang}
                                    placeholder={languageObj.factory}
                                  >
                                    {
                                      factoryList.map(val => {
                                        return (
                                          <Option key={val} value={val} item={val}>
                                              {val}
                                          </Option>
                                        )
                                      })
                                    }
                                  </Select>
                                )}
                              </div>
                          </FormItem>
                          
                          

打开编辑页面选择select里面的条目的时候报错

Answer 1

❎ 错误！！！

<FormItem>
{getFieldDecorator('productionFactory', {},(
  true ? <Input/> : <Select/>
))
</FormItem>

---

✅ 正确

{
  true ? (
    <FormItem>
     {getFieldDecorator('input', {},(
       <Input/>
     ))
    </FormItem>
  ) : (
    <FormItem>
     {getFieldDecorator('select', {},(
       <Select/>
     ))
    </FormItem>
  )
}