                        课程
                    
                        /前端开发
                        
                            /React.JS
                        
                        /React实战--打造画廊应用（上）

在加入图片数据的时候报错

Main.js?7cd4:40 Uncaught TypeError: imageDatas.forEach is not a function。检查了所有的代码，评论的也试过了，不知道怎么回事

03:31

苏莫离

2016-06-28

源自：React实战--打造画廊应用（上） 3-2

关注问题我要回答

1172

操作

收起

4 回答

入门级陶成国
2017-05-07

imageData并不是数组，而是对象，并不能使用Array原生方法forEach，可以这样使用：

Array.prototype.forEach.call(imageData,(item,index) => {
  		ImageFigures.push(<ImageFigure data={item} key={index}/>);
  	});

1 回复有任何疑惑可以回复我~

#1

枫叶咚咚咚

感谢！

2018-01-30 回复有任何疑惑可以回复我~

End13147
2017-04-27

ES6的语法不是forEach 而是 for in 和for of

0 回复有任何疑惑可以回复我~

Ancess
2016-07-01

刚刚试着解决了一下：

加入

`let imageDatas = require('json!../data/imageDatas.json');`

·

imageDatas.forEach((item, index) => {

imgFigures.push(<ImgFigure data={item} key={index}/>);

});

·

0 回复有任何疑惑可以回复我~

#1

可以看我的源码，我刚好也学到这里https://github.com/daisyHawen/React-gallery

2016-07-01 回复有任何疑惑可以回复我~

#2

苏莫离提问者回复 Ancess

恩恩，我这块解决了，后来觉得版本太不一致了，最后都不看了，太浪费时间了

2016-07-02 回复有任何疑惑可以回复我~

#3

qq_这都不是事_0 回复苏莫离提问者

请问怎么解决的，我也卡这了

2016-07-19 回复有任何疑惑可以回复我~

Ancess
2016-07-01

我也是

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

React实战--打造画廊应用（上）

参与学习 57313 人
解答问题 273 个

颠覆式前端UI开发框架 React，打造图片画廊实践案讲解

在加入图片数据的时候报错

我要回答关注问题

意见反馈帮助中心 APP下载