美文网首页
antd 表单获取不到默认值???

antd 表单获取不到默认值???

作者: minusplus | 来源:发表于2020-04-14 16:13 被阅读0次

    使用 antd 的 4.x 版本,给表单设置初始值,但是获取不到值

    如果需要设置默认值并展示到页面上,需要设置两个地方:

    1. 设置 <kbd>defaultValue</kbd>,这个是用来展示在页面上的,例如:
    <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>
    
    1. 设置 <kbd>initialValues</kbd>,这个是用来获取表单值的,例如:
    <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>
    

    相关文章

      网友评论

          本文标题:antd 表单获取不到默认值???

          本文链接:https://www.haomeiwen.com/subject/cnstvhtx.html