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} />