如何使用蚂蚁设计表格initialValue

Question

哪个使用antd Form initialValue是正确的？

我想知道，如果antd表单initialValue用于设置初始数据或仅在表单没有值时显示值。

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>
 )
}

Answer 1

它将值设置为您为其分配initialValue的值，因此第一种方法是正确的

您可以在这里查看https://ant.design/components/form/#API