ReactiveNative

React native-事件绑定

2019-01-26  本文已影响7人  FlyElephant

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} />
    }
}
上一篇下一篇

猜你喜欢

热点阅读