美文网首页
react+antd,父组件获取子组件方法和参数

react+antd,父组件获取子组件方法和参数

作者: 小虾米前端 | 来源:发表于2021-06-07 11:10 被阅读0次
// 父组件
class Father extends Component {
    constructor(props) {
        super(props);
        this.formData = React.createRef();
    }
onOk = (){
console.log(this.formData) // 打印出来就知道了,可以获取到子组件的方法和参数
}
render() {
<Son wrappedComponentRef={(form) => this.formData = form} />  //主要是这里要用wrappedComponentRef
}
}
// 子组件
@Form.create()
class Son extends Component {
getFormValFunc = () => {
        const { form } = this.props;
        const { validateFields, getFieldsValue } = form;
        const data = {
            ...getFieldsValue(),
        };
        return data;
    };
render() {
....
  }
}

相关文章

网友评论

      本文标题:react+antd,父组件获取子组件方法和参数

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