欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

antd form 表单初始化赋值

程序员文章站 2022-04-04 16:04:34
...

antd Design Form setFieldsValue

最近开发过程中遇到 antd form 表单赋值不上 查阅文档得知;需要setFieldsValue 和 createRef() 结合起来使用

1.创建createRef()

export default class HomeIdenx extends Component {
    constructor(props) {
        super(props);
        this.state = {
            formData:{}
        };
    }
   
    formRef = React.createRef()
    }

2 . 在form 表单绑定用createRef() 创建的ref

render() {
        const {formData } = this.state;
        return (
           <div>
            <Form
                    ref={this.formRef}
                    </Form>
           </div>
               
                   

3.在需要使用赋值的地方使用创建的 createRef()

  this.formRef.current.setFieldsValue({adress:'需要赋值的内容'})