javascript - Reactjs ajax内 setState问题

问题描述

问 题

通过ajax获取的一个对象传给state的data 先转成string 再转成对象，可是转的时候报错。如果在ajax里直接只传一个字符串给data就可以

解决方案

看你这段代码是用的 ES2015 语法，可以直接用箭头函数来回避 this 的问题，如：

var Home = React.createClass({
    // ......
    getData() {
        $.ajax({
            // ....
            success: data => {
                // ....
                this.setState(/* ... */);
            }
        });
    }
});

但是 ES6 的语法现在并不是所有浏览器都支持得很好，如果使用 ES5 的语法，可以申明一个 _this 变量暂存 this，如

var Home = React.createClass({
    // ......
    getData: function() {
        var _this = this;
        $.ajax({
            // ....
            success: function(data) {
                // ....
                _this.setState(/* ... */);
            }
        });
    }
});

这篇关于javascript - Reactjs ajax内 setState问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！