React Native获取组件的父代

Question

我是React Native的新手，我在组件内部有一个组件。

我需要从子组件访问父函数。我如何访问父母，例如来自孩子的this.parentNode.myFunc();之类的东西？ （当然，无需将其作为道具传递给整个视图层次结构）

Answer 1

作为道具发送到子组件。像这样：

AttributeError: 'list' object has no attribute 'strip'

然后，您可以调用函数<ChildComponent myProp={this.myFunc} />

Answer 2

如果您不想进行深入分析，则可以将回调作为道具传递，也可以创建提供者-消费者（Context API）。

Answer 3

请在父组件中绑定功能，然后传递给子组件。

这是我在Parent.js组件中的功能

testFunction() {
    console.log('Test')
  }

绑定构造函数：

constructor(props) {
    super(props)
    this.testFunction = this.testFunction.bind(this)
  }

将此传递给子组件：

<Child testFunction = {this.testFunction}>

在child组件中将此属性与Child.js组件中的props一起使用：

this.props.testFunction()