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

 

  • 16
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值