本文介绍了如何使用ant设计表单initialValue的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
使用 antd Form initialValue 哪个是正确的?
Which is right using antd Form initialValue?
我想知道antd表单initialValue是用来设置初始数据还是只是在表单没有值时显示值.
I want to know that if antd form initialValue is using to set initial data or just to show value when the form doesn't have value.
const Component = ({ id }) => {
const initialName = 'John'
const { data } = useQuery(GET_NAME, { variables: { id } })
if (data) {
initialName = data.name
}
return (
<Form.Item>
{form.getFieldDecorator('name', { initialValue: initialName })(<Input />)}
</Form.Item>
)
}
const Component = ({ id }) => {
const { data } = useQuery(GET_NAME, {
variables: { id },
onCompleted: res => { form.setFieldsValue({ name: res.data.name }) }
})
return (
<Form.Item>
{form.getFieldDecorator('name', { initialValue: 'John' })(<Input />)}
</Form.Item>
)
}
推荐答案
它会将值设置为您分配给 initialValue 的值，因此第一种方法是正确的
It will set the value to what you assign initialValue to, so the first approach is right
你可以在这里查看https://ant.design/components/form/#API
这篇关于如何使用ant设计表单initialValue的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！