[Web 前端] this作用域问题

如何不用这种写法；理想的写法是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);
        });
}