React native-事件绑定

React 使用ES6+语言时候不像之前的非ES6一样进行自动绑定,需要手动通过.bind(this)或者使用箭头函数=>.实际写法有三种.

直接绑定

    _onChange(event) {
        console.log(event);
    }

    render() {
        return <FlyElephantView onChange={this._onChange.bind(this)} />
    }

预绑定

初始化的时候绑定this,进行事件处理.

    constructor(...args) {
        super(...args);
        this._onChange = this._onChange.bind(this);
    }
    _onChange(event) {
        console.log(event);
    }

    render() {
        return <FlyElephantView onChange={this._onChange} />
    }

箭头函数

箭头函数绑定比较简单,实现如下:

    _onChange = (event) => {
        console.log(event);
    }

    render() {
        return <FlyElephantView onChange={this._onChange} />
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • React Native之React速学教程(下) 本文出自《React Native学习笔记》系列文章。 Rea...
    CrazyCodeBoy阅读 1,176评论 0 117
  • 本笔记基于React官方文档,当前React版本号为15.4.0。 1. 安装 1.1 尝试 开始之前可以先去co...
    Awey阅读 7,828评论 14 128
  • 比较蔬菜价格而言,鸡蛋还是很便宜的且营养丰富、吃法多样。操作简便。今天我介绍的这道菜,翻便菜谱绝无,因是家传自创。...
    开宗明义阅读 304评论 0 1
  • 文/小胖红 1 之前,写过一篇文章,题目:持续做一件事,打开改变人生的契机 后来,就有人问我:怎么样才可以做到坚持...
    小胖红阅读 319评论 0 2
  • 导读:人活着要给自己一些期待,要不然没有一点意义了! 各位有没有以下现象? 1.能躺着绝不坐 2.上微信都不知道找...
    萌圆圆阅读 116评论 0 0