企业开发--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.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!