react-native - React Native如何调用父类的函数

Question

我有一个 main 类，它包含另一个类似的类术语

return(
<View>
  <Terms></Terms>
</View>
)

在主类中，我有一个函数想从 Terms 类中调用，它是如何工作的？

Answer 1

你在主类中有一个函数。在子类 Prop 中传递该功能。假设您在子类中有一个按钮。从 props.onClick 绑定(bind)按钮的 onClick。

在父类中:

    return(
        <View>
            <Terms onClick={this.onClick}></Terms>
        </View>
    )

        onClick(){
            console.log('I am clicked');
        } 

在子类中:

        <TouchableOpacity onPress={this.props.bind(this.props.onClick)}>
            <Text> Click Me </Text>
        </TouchableOpacity>