如何更改表单应答器内 select 输入的值（ant design）

Question

我正在搜索如何更改我的 select 输入值（使用 ant design 库）。

 let [value, setValue] = useState(null)


<Form.Item name="value" rules={[{ required: true, message: 'Veuillez choisir une valeur !' }]}
                   label="Type">
     <Select value={value} onChange={e => setValue(e)}>
         <Option value="pp">Personne physique</Option>
         <Option value="mp">Personne morale</Option>
     </Select>
</Form.Item>

<Button type="primary" onClick={setValue('pp')}>Click me</Button>

当我点击时，没有任何反应，值保持原来的值。

但是如果我删除 <Form.Item> 应答器，它会正常工作。

有什么想法吗？

谢谢

Answer 1

你可以这样做

let [value, setValue] = useState(null)

const handleFormValuesChange = (changedValues) => {
  const formFieldName = Object.keys(changedValues)[0];
  if (formFieldName === "typeCeso") {
    setValue(changedValues[formFieldName]);
  }
};



<Form form={form} name="form" onFinish={onFinish} onValuesChange={handleFormValuesChange}>
  <Form.Item
  name="typeCeso"
  rules={[{ required: true, message: "Veuillez choisir une valeur !" }]}
  label="Type"
>
  <Select>
    <Option value="pp">Personne physique</Option>
    <Option value="mp">Personne morale</Option>
  </Select>
</Form.Item>
</Form>

如何更改表单应答器内 select 输入的值（ant design）

How to change value of select input which is inside a form balise (ant design)

javascript

reactjs

antd

ant-design-pro