Antd中为select框使用initialValues

在学习Antd Pro时遇到了一个问题

问题场景

在ProForm中通过initialValues可以设置表单元素的默认值：

<ProForm
        initialValues={{
          username: props.values.username,
          category_id: props.values.category_id,
        }}

但是category_id对应的是一个下拉框，这样设置的实际效果与预期效果如下图：


在其他平台中查找到相同的问题，将它的解决办法迁移到这里记录一下

更新

实际上 select 组件会自动将对应的 id 转为值展示。而下面的解决方案实际上是将category_id 转为一个字符串，这与select组件中的options中的值有关，个人的options是字符串id的：

如果图中的value值是一个number，则不需要下面的解决方案，select组件会自动进行转换

解决方案

在设置默认值时，加上一个空字符串即可·，如下：

<ProForm
        initialValues={{
          username: props.values.username,
          category_id: props.values.category_id + "",
        }}