最赞回答 / Max
三步去chrome扩展程序里看看有没有React Developer Tools？ 并且启用。<...图片...>重启浏览器（首次安装React Developer Tools）在react项目页面打开“开发者工具”<...图片...>如果还没有出现，要么升级chrome，要么换电脑（网管绝招）。
2016-10-30
代码 https://github.com/xingbofeng/gallery-by-react
demo http://www.xingbofeng.com/gallery-by-react/
版本更新后写完了本项目，有完整注释和项目文档，希望能给小伙伴们一些参考。
如果觉得帮到了您，不放给个follow和赞呀。
demo http://www.xingbofeng.com/gallery-by-react/
版本更新后写完了本项目，有完整注释和项目文档，希望能给小伙伴们一些参考。
如果觉得帮到了您，不放给个follow和赞呀。
2016-10-29
就这么几节课，每节课这么十几分钟，我已经来来回回刷了好几遍了，尤其是webpack这两节。最后放弃挣扎，安装了generator-react-webpack@1.2.11，跟着老师的脚步走吧！
N刷的我路过～
N刷的我路过～
2016-10-29
1 初始化Constant
2 componentDidMount结束时： 计算出Constant内的各取值范围，执行rearrange函数
3 getInitialState初始化:建立数组imgsArrangeArr:
imageDatas.forEach this.state.imgsArrangeArr[index].pop 让每个图片都有imgsArrangeArr[index]
4 执行rearrange函数 Constant.h.x
imgsArrangeArr[i].pos = Constant.h.x (1.2+3)的结果:每个图片的位置确定
2 componentDidMount结束时： 计算出Constant内的各取值范围，执行rearrange函数
3 getInitialState初始化:建立数组imgsArrangeArr:
imageDatas.forEach this.state.imgsArrangeArr[index].pop 让每个图片都有imgsArrangeArr[index]
4 执行rearrange函数 Constant.h.x
imgsArrangeArr[i].pos = Constant.h.x (1.2+3)的结果:每个图片的位置确定
2016-10-27
5 imageDatas.forEach 把JSON分解为16个<img> 给定图片信息 和 位置
arrange={this.state.imgsArrangeArr[index]} 传给每个图片的位置，通过 this.props.arrange.pos 挂钩起来
arrange={this.state.imgsArrangeArr[index]} 传给每个图片的位置，通过 this.props.arrange.pos 挂钩起来
2016-10-27
3：点击时，调用rearrange（this）
3.1（this移动到中心，其他图片重排（方法）） ：调用rearrange()函数
3.2this.setState（执行） ：位置信息变为中心
3.3（arrange={this.state.imgsArrangeArr[index]}（真执行）） 把这个信息交给html 绑定，最后才显示
3.1（this移动到中心，其他图片重排（方法）） ：调用rearrange()函数
3.2this.setState（执行） ：位置信息变为中心
3.3（arrange={this.state.imgsArrangeArr[index]}（真执行）） 把这个信息交给html 绑定，最后才显示
2016-10-27
2位置
componentDidMount
（this.rearrange(0)(方法)） this.setState（执行）
确定各自的的位置 ：第一张放中间 第二张放where 最后一张放top
（arrange={this.state.imgsArrangeArr[index]}（真执行）） 完成后，同步给各自的图片，每张图片自己来领取自己的信息
各自的图片把自己的位置信息领回家，用一个袋装起来
styleObj = this.props.arrange.pos;
放在自己的style里 style={styleObj}
}
打包所有图片，render出来{}
componentDidMount
（this.rearrange(0)(方法)） this.setState（执行）
确定各自的的位置 ：第一张放中间 第二张放where 最后一张放top
（arrange={this.state.imgsArrangeArr[index]}（真执行）） 完成后，同步给各自的图片，每张图片自己来领取自己的信息
各自的图片把自己的位置信息领回家，用一个袋装起来
styleObj = this.props.arrange.pos;
放在自己的style里 style={styleObj}
}
打包所有图片，render出来{}
2016-10-27
！！！！思路
////////////////////
遍历JSON，把图片的路径信息放进去
重新遍历新JSON，把它分解成16张 ，初始化位置，同时把各自信息（文字，位置）传递给各自图片
{
1文字图片：data={value（来自JSON）} src={this.props.data.imageURL}
////////////////////
遍历JSON，把图片的路径信息放进去
重新遍历新JSON，把它分解成16张 ，初始化位置，同时把各自信息（文字，位置）传递给各自图片
{
1文字图片：data={value（来自JSON）} src={this.props.data.imageURL}
2016-10-27
