美文网首页
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