子组件传递事件到父组件
碰到一个需求是:在子组件中点击按钮,需要将点击事件传递到父组件中,这个需求在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() {
// 这里就获取到回调结果啦
}
网友评论