React native如何调用父类的函数

时间:2016-07-09 10:32:44

标签: react-native

我有一个类main,它包含另一个类术语

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

在主类中我有一个函数,我想从Terms类调用,它将如何工作?

1 个答案:

答案 0 :(得分:4)

你在主类中有一个功能。在子类道具中传递该功能。假设您在子类中有一个按钮。从props.onClick中绑定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>