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

最新推荐文章于 2022-09-08 16:05:13 发布

shylock宝

最新推荐文章于 2022-09-08 16:05:13 发布

阅读量287

点赞数

分类专栏：前端文章标签： react 前端

本文链接：https://blog.csdn.net/weixin_45368713/article/details/111317074

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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>