当前位置：首页 > news >正文

ant-design为input设置默认值，form失效

news 2025/3/16 3:10:55

1.常规input

    const [inputValue, setInputValue] = useState("111");const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {setInputValue(e.target.value)};//使用<Input onChange={handleInputChange} value={inputValue}></Input>

效果

2.第一种方式在Form，Form.Item中会失效

(一) 在Form.Item上设置

   <Form.Item label="ID" name="ID" initialValue={"111"}><Input></Input></Form.Item>

（二）在Form上设置

<Form initialValues={{id:"222"}}><Form.Item label="ID" name="id"><Input></Input></Form.Item></Form>

(三) 使用hook

    const [form] = Form.useForm();form.setFieldsValue({id:"9999"})//使用<Form form={form}><Form.Item label="ID" name="id"><Input></Input></Form.Item></Form>

效果