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

原创
2016/10/17 12:11
阅读数 24

场景:在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.

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

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部