当前位置:  开发笔记 > 编程语言 > 正文

如何在react-native中传递child和parent之间的数据?

如何解决《如何在react-native中传递child和parent之间的数据?》经验,为你挑选了2个好方法。



1> Piotr Białek..:

您需要从父级回传到子回调函数,然后在子级中调用它.

例如:

class Parent extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      show: false
    };
  }
  updateState = () => {
      this.setState({
          show: !this.state.show
      });
  }
  render() {
    return (
        
    );
  }
}

class Child extends React.Component {
  handleClick = () => {
      this.props.updateState();
  }
  render() {
    return (
        
    );
  }
}



2> Muzammil..:

要从子级调用父级方法,您可以像这样传递引用。

家长班

 (this.parentReference = ref)}
    parentReference = {this.parentMethod.bind(this)}
/>

parentMethod(data) {

}

儿童班

let data = {
    id: 'xyz',
    name: 'zzz',
};

//这将调用parent的方法

this.props.parentReference(data);

推荐阅读
依然-狠幸福
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有