react-native - react native : can't call a parent method from child

Question

我在父组件中有这个函数，我想在子组件中调用这个方法/函数，像这样:

buttonPressed = () => {
  console.log('button pressed')
}

<childComp ref={ref => this.feedback = ref}
           onPress={this.buttonPressed}
/>

在 child 身上:

<Animated.View>
  ...   // other views
  <View>
    <TouchableOpacity onPress={this.props.buttonPressed}> // calling here
     ...
    </TouchableOpacity>

  </View>
</Animated.View>

无论我怎么尝试，都没有用。

Answer 1

您正在将 onPress Prop 传递给 child 并在 child 中调用 buttonPressed。它应该是这样的:

<Animated.View>
  ...   // other views
  <View>
    <TouchableOpacity onPress={this.props.onPress}> // calling here
     ...
    </TouchableOpacity>

  </View>
</Animated.View>