获取接口数据后,要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标签去掉

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐