Antd Design 的 from,select 使用 placeholder不好使原因

Antd Design 的 from,select 使用 placeholder不好使原因

昨天做react的项目时,新增会议室选楼层的时候,发现placeholder不生效,试了好多遍都是空的不显示

在这里插入图片描述
代码是这样写的,咋看咋没错,去官网上也没找到合理解释

			<Row>
              <Col>
                <Form.Item name="name" label="楼层">
                  {getFieldDecorator('floor', {
                    initialValue: info ? info.floor : null,
                    rules: [{ required: true, message: '请选择楼层' }],
                  })(
                    <DicSelect
                      style={{ width: 260 }}
                      vmode="number"
                      pcode="OPER$#conference_room$#floors"
                      placeholder="请选择楼层"
                    />
                  )}
                </Form.Item>
              </Col>
            </Row>

后来就求助于前端大神,大神也没遇到过这个问题,就去百度查了一下,一查才知道,嚯,好多小伙伴都遇到过这个问题

在这里插入图片描述
然后才知道默认值设置为undefined才生效

			<Row>
              <Col>
                <Form.Item name="name" label="楼层">
                  {getFieldDecorator('floor', {
                    initialValue: info ? info.floor : undefined,
                    rules: [{ required: true, message: '请选择楼层' }],
                  })(
                    <DicSelect
                      style={{ width: 260 }}
                      vmode="number"
                      pcode="OPER$#conference_room$#floors"
                      placeholder="请选择楼层"
                    />
                  )}
                </Form.Item>
              </Col>
            </Row>

默认值设置为 undefined!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值