Antd4.0 select option 设置回显默认值

发布于 2022-09-12 04:14:41 字数 419 浏览 14 评论 0

在使用antd typescript开发的时候,使用select组件,并设置option的默认值的时候发现,如果设置表单元素defaultValue,则控制台一直提醒你推荐使用initialValues,而且上述2个属性,是不会根据setState的变化而变化的,官网推荐使用setFieldsValue
image.png

但是!!这里有个坑,就是假如你的option里面的value的值是number类型的话,即使setFieldsValue字符串或者是number,回显的时候也不会匹配上你的默认选项
image.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

季末如歌 2022-09-19 04:14:41

回显不正确,我觉得是这个值不对,才没有匹配到的项

思念满溢 2022-09-19 04:14:41
 <FormItem
            {...formItemLayout}
            label="模板类型"
            name="type"
          >
            <Select
              showSearch
              optionFilterProp="children"
              onChange={onSelectChange}
              filterOption={(input, option) =>
                option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
              }
            >
             { mobanType.map(val => <Option key={val.id} value={val.id.toString()} >{val.name}</Option>)}
             
            </Select>
          </FormItem>

如果option里面的value赋值的是number类型的,需要通过toString()转换一下,同时在setFieldsValue的时候也需要把numb类型转换成toString()类型

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文