react Ant Design setFieldsValue 无效问题 bug
获取接口数据后,要set到表单中,但是set一直没反应。
·
获取接口数据后,要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标签去掉
更多推荐
已为社区贡献8条内容
所有评论(0)