Antd Design Pro ProForm组件数据转化convertValue应该怎么使用呢？

Question

Antd Design Pro 中的 ProForm组件数据转化convertValue， transform 怎么使用呢？
表单项中使用了ProFormDigitRange， 组件值是一个数组，后台服务器接收的是字符串，所以我需要在提交和表单初始化时转化这个值。但是失败了，在表单输入时就报错了，是我理解错了这个用法吗？

<ProFormDigitRange
        colProps={{ span: 12 }}
        label="范围（m）" name="depRange" rules={[{ required: true }]}
        convertValue={(value) => {
          console.log('value', value);
          return (value && value.includes('~')) ? value.split('~') : [];
        }}
        transform={(value, f) => {
          console.log('tranfrom', value);
          return value && value.length > 0 ? { depRange: value.join('~') } : '';
        }}
      />

convertValue， transform 在表单初始化时都执行了，所以我写的转化逻辑就报错了，应该怎么使用呢？

Answer 1

我把初始化的转化放到ProForm里面的request来处理了，表单项里就保留了transform

     <ProForm
 request={async () => {
        return { ...current, depRange: current?.depRange && current.depRange.includes('~') ? current.depRange.split('~') : [] };
      }}
>
<ProFormDigitRange
        colProps={{ span: 12 }}
        label="范围（m）" name="depRange" rules={[{ required: true }]}
        transform={(value, f) => {
          return (value && value.includes('~')) > 0 ? '' : { depRange: value.join('~') };
        }}
      />

</ProForm>