antd4.0版本中,类式组件如何使用Form表单form属性

antd官网中



可以通过console.log(this.formRef.current)输出的方法与antd3版本中form属性的方法基本一致

-如何在父组件中使用到子组件的this.myForm呢？

涉及到组件间通信，通过子组件向父组件传递一个this.myForm属性，react原生的办法是传递一个函数类型的props来接收this.myForm，从而将this.myForm从子组件交付给父组件，父组件就可以使用这个对象。

在子组件UpdateForm中通过React.createRef()创建ref实例myForm,在render()的Form表单中引用ref={this.myForm},在组件将要挂载时【因为UNSAFE_componentWillMount()方法是同步的，而componentDidMount()方法是异步的】把this.myForm传到父组件category去，因此我们需要在父组件category定义一个函数类型，接着传递一个函数类型的props来接收this.myForm，从而将this.myForm从子组件交付给父组件，父组件就可以使用这个对象。

成功获取子组件this.myForm.current的所有方法，便于取值操作!!