Jquery .map不是一个函数
我正在开发一个小应用程序,它将从JSON文件(游戏分数)中提取一些数据。目前我收到错误,Jquery .map不是一个函数,jquery,json,ajax,reactjs,jsx,Jquery,Json,Ajax,Reactjs,Jsx,我正在开发一个小应用程序,它将从JSON文件(游戏分数)中提取一些数据。目前我收到错误,games.map不是一个函数。我看到另一篇关于堆栈溢出的帖子也是类似的,但答案是初始状态不是数组,但我已经将初始状态设置为数组,所以我认为它不适用。下面是我的答案,有人能给我指出正确的方向吗?这可能与JSON结构有关吗?您可以找到json文件。谢谢你 class SingleGame extends React.Component{ render(){ return( <div
games.map不是一个函数
。我看到另一篇关于堆栈溢出的帖子也是类似的,但答案是初始状态不是数组,但我已经将初始状态设置为数组,所以我认为它不适用。下面是我的答案,有人能给我指出正确的方向吗?这可能与JSON结构有关吗?您可以找到json文件。谢谢你
class SingleGame extends React.Component{
render(){
return(
<div>{this.props.homeTeam}</div>
);
}
}
class GameBox extends React.Component{
constructor() {
super();
this.state = {
games: []
};
}
componentWillMount() {
this._getGameScores();
}
componentDidMount() {
this._timer = setInterval(() => this._getGameScores(), 45000);
}
componentWillUnmount() {
clearInterval(this._timer);
}
_getGameScores(){
jQuery.ajax({
method: 'GET',
url: 'http://pinetar-app.com/src/client/app/mlb-scoreboard.json',
success: function(games){
this.setState({games: games.data});
}.bind(this)
});
}
_mapGameScores(){
const games = this.state.games;
return games.map((games) => {
return(
<SingleGame homeTeam={games.game.home_team_name} />
);
});
}
render() {
const gameList = this._mapGameScores();
return(
<div>
{gameList}
</div>
);
}
}
ReactDOM.render(
<GameBox />, document.getElementById('pinetar')
);
class SingleGame扩展了React.Component{
render(){
返回(
{this.props.homeTeam}
);
}
}
类GameBox扩展了React.Component{
构造函数(){
超级();
此.state={
游戏:[]
};
}
组件willmount(){
这个。_getGameScores();
}
componentDidMount(){
这个。_timer=setInterval(()=>这个。_getGameScores(),45000);
}
组件将卸载(){
clearInterval(此计时器);
}
_getGameScores(){
jQuery.ajax({
方法:“GET”,
网址:'http://pinetar-app.com/src/client/app/mlb-scoreboard.json',
成功:功能(游戏){
this.setState({games:games.data});
}.绑定(此)
});
}
_地图游戏分数(){
const games=this.state.games;
返回游戏。地图((游戏)=>{
返回(
);
});
}
render(){
const gameList=此项。_mapGameScores();
返回(
{游戏列表}
);
}
}
ReactDOM.render(
,document.getElementById('pinetar'))
);
如果未正确访问阵列,请尝试在以下位置使用映射:
data.data.games.game
像这样:
如果无法正确访问阵列,请尝试通过以下方式使用映射:
data.data.games.game
像这样:
你能在返回游戏之前记录它吗?
数据
似乎是一个对象,而不是数组,它看起来像是返回了一个对象
,然后在里面是一个属于对象的游戏数组。所以我想现在的问题变成了如何访问这些对象?你可以在这里看到一个控制台。log
屏幕截图:@JordanHendrixyea你没有得到游戏数组…请看下面的答案:你能在返回游戏之前记录游戏吗?数据
似乎是一个对象,而不是数组,它看起来像是返回一个对象
,然后在里面是一个属于对象的游戏数组。所以我想现在的问题变成了如何访问这些对象?你可以在这里看到一个控制台。log
屏幕截图:@JordanHendrixyea你没有得到游戏阵列…请看下面的答案:先生,你刚刚度过了我的周末。我还在学习反应,所以我很感谢你花时间帮忙。干杯随时都可以!我们都去过那里,很乐意帮忙!先生,你刚刚让我过了周末。我还在学习反应,所以我很感谢你花时间帮忙。干杯随时都可以!我们都去过那里,很乐意帮忙!