首页 > Reactjs ajax内 setState问题

Reactjs ajax内 setState问题

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


Home:
getdata() success里 this.setState(data)
render : <Kem data={this.state}>
getInitialState: return {}

Kem

var data =this.props.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(/* ... */);
            }
        });
    }
});

要么就在外部保存this,如

var _this = this;

要么就用箭头符号,如

success: () => {
// ...
}
【热门文章】
【热门文章】