react Ant Design setFieldsValue 无效问题 bug

获取接口数据后，要set到表单中，但是set一直没反应

import { useForm } from 'antd/es/form/Form'
const AddModal = (props) => {
	const [form] = useForm()
	useEffect(() => {
	    if (visible) { //确保弹窗后才调用接口
	      //....省略接口调用的一系列操作
	      form.setFieldsValue({
	          aheadDay: res.data.data[0].aheadDay,
	          intervalDay: res.data.data[0].intervalDay,
	        })
	    }
	}, [visible])
 	<Form {...layout} form={form} name="normal_login">
 	 <Form.Item name="aheadDay" label="数字证书到期提前多久提醒（天）：">
            <InputNumber min={1} style={{ width: '100%' }} />
            // 错误点是这里，Form.Item里面不能有其它节点，否则set失效
            <span>天</span>
          </Form.Item>
     </Form>
}

分析

在上面可以看到，在Form.Item中除了InputNumber 还有span标签，需要把span标签去掉