使用 antd 的 4.x 版本,給表單設(shè)置初始值,但是獲取不到值
如果需要設(shè)置默認(rèn)值并展示到頁面上,需要設(shè)置兩個(gè)地方:
- 設(shè)置 <kbd>defaultValue</kbd>,這個(gè)是用來展示在頁面上的,例如:
<Form.Item label="Sex" name="sex" valuePropName="checked">
//這里的defaultValue
<Radio.Group defaultValue={1}>
<Radio value={1}>男</Radio>
<Radio value={0}>女</Radio>
</Radio.Group>
</Form.Item>
- 設(shè)置 <kbd>initialValues</kbd>,這個(gè)是用來獲取表單值的,例如:
<Form
name="basic"
onFinish={this.onFinish}
onFinishFailed={this.onFinishFailed}
initialValues={{
sex: 1
}}
>
<Form.Item label="Sex" name="sex" valuePropName="checked">
<Radio.Group defaultValue={1}>
<Radio value={1}>男</Radio>
<Radio value={0}>女</Radio>
</Radio.Group>
</Form.Item>
<Form.Item {...tailLayout}>
<Button type="primary" htmlType="submit">
register
</Button>
</Form.Item>
</Form>