美文网首页
React渲染组件

React渲染组件

作者: 张易 | 来源:发表于2015-12-29 16:15 被阅读0次

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

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

    例如:图片切换组件

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

    组件结构为

          row

          ---img

          ---btn(左,右)

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

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

    相关文章

      网友评论

          本文标题:React渲染组件

          本文链接:https://www.haomeiwen.com/subject/txkihttx.html