美文网首页
React Native 函数回调

React Native 函数回调

作者: kim_xx | 来源:发表于2019-03-28 09:48 被阅读0次

子组件传递事件到父组件

碰到一个需求是:在子组件中点击按钮,需要将点击事件传递到父组件中,这个需求在iOS中可以很方便的使用block实现,在react native中要怎么实现回调呢?

在子组件里面

点击事件里面绑定this

<TouchableHighlight
onPress={this._onpress.bind(this)}
>
<Text>点我!</Text>
</TouchableHighlight>

调用父视图传递过来的onPress属性

_onpress() {
    this.props.onPress()
}

在父组件里面

设置子控件的onPress属性

注意和子控件里面调用的属性要一致

绑定this

<OperationView 
    onPress={this.onpressCallback.bind(this)}
/>

然后在父视图绑定的方法里面就可以获取到回调结果啦

onpressCallback() {
    // 这里就获取到回调结果啦    
}

相关文章

网友评论

      本文标题:React Native 函数回调

      本文链接:https://www.haomeiwen.com/subject/qdpfbqtx.html