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} />
    }
}

猜你喜欢

转载自blog.csdn.net/weixin_34417814/article/details/87314604
今日推荐