Antd pro中ProFormSelect使用initialValues

最新推荐文章于 2024-08-21 16:00:08 发布

我的小狗很很可爱

最新推荐文章于 2024-08-21 16:00:08 发布

阅读量4.3k

点赞数 3

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

本文链接：https://blog.csdn.net/chhpearl/article/details/126134181

版权

在使用Antd Pro的ProFormSelect时遇到下拉框回显显示ID而非预期的name问题。正常解决方法是确保值的类型匹配，但若直接回显name，则在不修改情况下保存会导致值变为name。为临时解决这个问题，可以通过判断值是否为纯数字来区分处理。

摘要由CSDN通过智能技术生成

最近使用antd pro写项目，其中有一个下拉框回显问题，原本挺简单的代码，但是就是回显对不上。

我给的值是id，想让其显示name，但是显示的确实id。。

正常的解决思路如下：

原代码代码如下：

          <ProFormSelect
            name="parentId"
            label="所属分类"
            initialValue={formType === FormType.add ? '' : currentRow?.parentId}
            valueEnum={classList}
            rules={[{ required: true, message: '分类组名为必填项' }]}
          />

修改后代码如下：

          <ProFormSelect
            name="parentId"
            label="所属分类"
            initialValue={formType === FormType.add ? '' : currentRow?.parentId + ""}
            valueEnum={classList}
            rules={[{ required: true, message: '分类组名为必填项' }]}
          />