【转】antd 踩坑之select的placeholder不显示问题

在antd中 使用form去回显或者新增表单数据时,select的placeholder不显示

如下例子:新增的时候,默认地址是空 “” 或者 null, 都不好使

<FormItem
          label="所属网点"
          {...formItemLayout}
        >
          {getFieldDecorator("bankId", {
            initialValue: this.props.type=== "edit" ? this.props.data.bank.id : "",
            rules: [{ required: true, message: "请选择所属网点!" }],
          })(
            <Select
              placeholder="请选择所属地点">
              {
                branchArr.map(v => {
                  return (
                    <Select.Option
                      value={v.id}
                      key={v.id}
                    >
                      {v.branchName}
                    </Select.Option>
                  )
                })
              }
            </Select>
          )}
        </FormItem>

这里就要主要了,form中的select初始值为空时 要用 undefined

换成如下这样就OK了

initialValue: this.props.isTrue ? this.props.data.bank.id : undefined,

注意,form中的日期datePicker相关的日期的空,初始值要用 null

猜你喜欢

转载自blog.csdn.net/rrrrroy_Ha/article/details/108520310