javascript - React 返回未定义的 JSON 请求

Question

我正在尝试使用 componentDidMount 将 JSON feed 加载到我的 React 组件中。当我最初拉取 JSON feed 时，一切都检查完毕，我可以很好地看到 JSON 数据。当我尝试深入研究 JSON 数据以获取游戏信息时，问题就出现了，但我开始收到 undefined 错误。

这是我的 React JS:

var MLBScores = React.createClass({
  getInitialState: function() {
    return {
      hometeam: '',
      awayteam: ''
    };
  },

  componentDidMount: function() {
    this.serverRequest = $.get(this.props.feed, function(result) {

    var scoreFeed = result;

    var homeTeamName = scoreFeed.games.game[0].home_team_name;


      console.log(homeTeamName);

    }.bind(this));
  },

  componentWillUnmount: function() {
    this.serverRequest.abort();
  },

  render: function() {
    return ( < div > {
        this.state.hometeam
      }
      vs. {
        this.state.awayteam
      } < /div>
    );
  }
});

ReactDOM.render( < MLBScores feed= "https://raw.githubusercontent.com/erwstout/pinetar/develop/src/client/app/mlb-scoreboard.json" / > ,
  document.getElementById('container')
);

值得注意的是，如果我只是注释掉 var homeTeamName 行并将 console.log(homeTeamName) 更改为 console.log(result); 它打印 JSON 数据。

在进入 React 之前，我已经充实了一些数据(和我的想法)，即 codepen所以我对json文件的结构非常熟悉。所以我想知道这是否与我在 React 中进行调用的方式有关？这是我第一次使用 React，所以可能是我遗漏了一些东西。在我的 codepen 中，我获取了每个游戏的数据，但为了在 React 中测试它，我只是试图获取 game[0] 信息。

我有一个JS Fiddle of the React code as well 。任何帮助，将不胜感激。我一直在关注React Documentation有点到达这一点，但我迷路了。谢谢!

Answer 1

返回的是一个字符串，而不是对象。修改此以获得您的主队名称
var ScoreFeed = JSON.parse(结果).data;


或者你使用 getJSON()