最近在学习React,有关组件的结构总结一下。
在组件中props单向传递数据,如果子组件间有逻辑关系,把执行的函数写在包含两个子组件的父组件中,再用props将函数名传递下去,子组件进行调用。
例如:图片切换组件
Json数组传入src地址,单击按钮实现src切换地址,利用数组下标实现切换
组件结构为
row
---img
---btn(左,右)
单击事件写在row中函数名用props传到btn中执行函数,row中的getInitialState设置下标初始值
再单击事件函数中this.setState对比下标初始值来刷新render重新加载dom.