Promise错误：对象作为React子对象无效

Z时代
2024-01-10
分类：问答

我正在尝试使用用户代理将json设置为一种状态，但出现错误：

未捕获的不变违规：对象作为React子对象无效（找到：具有键{…}的对象）。如果您打算渲染孩子的集合，请使用数组代替，或者使用React附加组件中的createFragment（object）包装对象。

设置状态的方法：

 getInitialState: function(){
    return {
        arrayFromJson: []
    }
},
loadAssessmentContacts: function() {
    var callback = function(data) {
        this.setState({arrayFromJson: data.schools})
    }.bind(this);
    service.getSchools(callback);
},
componentWillMount: function(){
    this.loadAssessmentContacts();
},
onTableUpdate: function(data){
    console.log(data);
},
render: function() {
    return (
        <span>{this.state.arrayFromJson}</span>
    );
}

服务

getSchools : function (callback) {
        var url = 'file.json';
       request
            .get(url)
            .set('Accept', 'application/json')
            .end(function (err, res) {
                if (res && res.ok) {
                    var data = res.body;
                    callback(data);
                } else {
                    console.warn('Failed to load.');
                }
            });
    }

杰森

{ "schools": [ { "id": 4281, "name": "t", "dfe": "t", "la": 227, "telephone": "t", "address": "t", "address2": "t", "address3": "t", "postCode": "t", "county": "t", "ofsted": "t", "students": 2, "activeStudents": 2, "inActiveStudents": 0, "lastUpdatedInDays": 0, "deInstalled": false, "inLa": false, "status": "unnassigned", "authCode": "t", "studentsActivity": 0 },...... ]}