首页 > Web开发 > 详细

[Web 前端] this作用域问题

时间:2018-06-09 17:27:05      阅读:227      评论:0      收藏:0      [点我收藏+]

技术分享图片

如何不用这种写法;理想的写法是this.setState({

....

})

可能是我没有描述清楚,我不想用这种学法而已,这样多了一个变量,我觉得很不舒服。我尝试了先把 setState 赋值到变量里,底下用那个变量。这样就不要this了。但是没有成功,所以求一种更简练的方法。

----------------

原因 : 因为js的函数会创建新的作用域,把匿名函数改成es6的箭头函数,箭头函数没有this引用,所以不会覆盖外面的this

 

1:  想保留this,那只能用arrow-function了,代码这样改:

 

componentDidMount: function() {
    var n = 1;
    axios({
        method: ‘get‘,
        url: this.props.url,
        params: {
            page: n
        }
    })
        .then(response => {
            this.setState({
                data: response.data
            });
        })
        .catch(error => {
            console.log(error);
        });
}

 

[Web 前端] this作用域问题

原文:https://www.cnblogs.com/0616--ataozhijia/p/9160223.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!