企业开发--React 中的this使用

前端之家收集整理的这篇文章主要介绍了企业开发--React 中的this使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

场景:在react让新手理解this绑定是个难的问题,和浏览器中js真有些不同,记录下来

一、方法

constructor(props)中将所有的定义的方法全部绑定一次 this

constructor(props) {
        super(props);
        this.dd= this.dd.bind(this);
        this.gg = this.gg.bind(this);
        this.vv= this.vv.bind(this);

    }

二、方法

在需要调用方法的时候绑定 this:

<ListView  data = {this.state.data}
                            dataSource = {this.state.dataSource}
                            requestData = {this.requestData} />

三、方法

requestData = () => {
        const nextIndex = this.state.pageIndex + 1;
        this.setState({
            pageIndex: nextIndex,});
        NativeModules.LivePlayerListModule.requestLivePlayerList(
            nextIndex,(data) => {
                this.updateDataSource(data);
            }
        );
}

需要注意一下,箭头函数自动使用方法体外的this.

四、箭头函数只有一句,右边不包含大括号的话,第一句会自动作为返回值,而反之则没有返回值

猜你在找的React相关文章