1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > antd4.0版本中 类式组件如何使用Form表单form属性

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

时间:2019-07-24 17:31:56

相关推荐

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从子组件交付给父组件,父组件就可以使用这个对象。

子组件UpdateForm

父组件

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。