小编Asw*_*win的帖子

我是新手做出反应,我正在从Lynda的一个例子中学习子类.我正在创建一个名为的新子组件类,aptList并使用this.props.eachItem.ownerName迭代JSON文件中的每个索引ownerName作为属性.

这是我在浏览器中运行时遇到的错误.获取数据但未prop根据错误识别

然而,反应控制台似乎正在获得JSON

这是Lynda教授的代码

var React = require('react');
var ReactDOM = require('react-dom');
var createReactClass = require('create-react-class');

var aptList = createReactClass({
render: function(){
    return(
        <li>{ this.props.eachItem.ownerName }</li>
    );
}
});


var MainInterface = createReactClass({

   getInitialState: function(){
      return {
        title: 'Items',
        show: function(x){
            if(x>10){
                return true
            }
            else {
                return false
            }
        },
        myData: []
    }
},

componentDidMount: function(){

    this.serverRequest = $.getJSON('static/scripts/src/myData.json', function(results){
        var tempData = results;
        this.setState({
            myData: tempData
        });
    }.bind(this));
},


componentWillUnmount: …