本文摘自PHP中文网，作者php中世界最好的语言，侵删。
这次给大家带来用React完成一个图片轮播组件，使用React完成一个图片轮播组件的注意事项有哪些，下面就是实战案例，一起来看一下。
使用React实现上述功能，首先，划分组件：
1 2 |
|
组件SlideM代表中图组件，其始终维护一个state: currentMIndex,即当前的中图图片的index值。
组件SlideS代表小图组件，要维护两个state: currentSIndex，currentSPage, 即当前的小图图片的index值和小图当前的页数；
外层组件SlideMS 接受几个参数作为props：
相关阅读 >>
更多相关阅读请进入《React》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
