SoFunction
Updated on 2025-04-02

Select Set initial value operation in antd Form

I won't say much nonsense, let's just read the code~

< label="Object of Action">
      {getFieldDecorator('targetId', { initialValue:  }, {
       rules: [{
        required: false,
        message: 'Asses'
       }]
      })(
       <Select placeholder="Please select the object of action">
        {(entity => <Option key={} value={}>{}</Option>)}
       </Select>
      )}
     </>

Add initial value when getFieldDecorator('targetId', instead of adding initial value in select tag

Supplementary knowledge:Solve the problem that the antd form cannot get the default value

Use the antd version to set the initial value for the form, but cannot get the value

If you need to set the default value and display it on the page, you need to set two places:

Set defaultValue, which is used to display on the page, for example:

< label="Sex" name="sex" valuePropName="checked">
 //The defaultValue here < defaultValue={1}>
 <Radio value={1}>male</Radio>
 <Radio value={0}>female</Radio>
 </>
</>

Set initialValues, which is used to get form values, for example:

<Form
 name="basic"
 onFinish={}
 onFinishFailed={}
 initialValues={{
  sex: 1
 }}
 >
 < label="Sex" name="sex" valuePropName="checked">
  < defaultValue={1}>
  <Radio value={1}>male</Radio>
  <Radio value={0}>female</Radio>
  </>
 </>

 < {...tailLayout}>
  <Button type="primary" htmlType="submit">
  register
  </Button>
 </>
 </Form>

The above article select setting initial value operation in the antd Form form is all the content I share with you. I hope you can give you a reference and I hope you can support me more.