React渲染组件

2015-12-29  本文已影响0人  张易

      最近在学习React,有关组件的结构总结一下。

在组件中props单向传递数据,如果子组件间有逻辑关系,把执行的函数写在包含两个子组件的父组件中,再用props将函数名传递下去,子组件进行调用。

例如:图片切换组件

Json数组传入src地址,单击按钮实现src切换地址,利用数组下标实现切换

组件结构为

      row

      ---img

      ---btn(左,右)

单击事件写在row中函数名用props传到btn中执行函数,row中的getInitialState设置下标初始值

再单击事件函数中this.setState对比下标初始值来刷新render重新加载dom.

上一篇下一篇

猜你喜欢

热点阅读