React Native 函数回调

子组件传递事件到父组件

碰到一个需求是:在子组件中点击按钮,需要将点击事件传递到父组件中,这个需求在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() {
    // 这里就获取到回调结果啦    
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,267评论 4 61
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,160评论 1 32
  • 《裕语言》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 27,986评论 5 19