react-native – 在React Native中从父组件调用子函数

前端之家收集整理的这篇文章主要介绍了react-native – 在React Native中从父组件调用子函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发我的第一个React Native应用程序.我想要实现的是从父组件执行子函数,这是这样的情况:

儿童

export default class Child extends Component {
  ...
  myfunct: function() {
    console.log('Managed!');
  }
  ...
  render(){
    return(
      <Listview
      ...
      />
    );
  }
}

export default class Parent extends Component {
  ...
  execChildFunct: function() {
    ...
    //launch child function "myfunct"
    ...
    //do other stuff
  }

  render(){
    return(
      <View>
        <Button onPress={this.execChildFunct} />
        <Child {...this.props} />
      </View>);
  }
}

在这个例子中,我想记录’Managed!’当我按下父类中的按钮时.它怎么可行?

您可以为子组件添加引用:
<Child ref='child' {...this.props} />

然后像这样调用孩子的方法

<Button onPress={this.refs.child.myfunc} />
原文链接:https://www.f2er.com/react/301235.html

猜你在找的React相关文章