React渲染组件

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

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

例如:图片切换组件

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

组件结构为

      row

      ---img

      ---btn(左,右)

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,074评论 0 29
  • 1 昨天和一个好朋友聊他最近的实习经历。他抱怨说同事比他早到一年,然后现在科长分配下来的任务,轻松简单的她们拣去做...
    喵辛束阅读 1,122评论 1 11
  • 一 苏念从来都没有想到会以这样的方式再次见到程少铭。在全校师生的面前,他帅气的脸棱廓分明,让人移不开眼,一袭西装身...
    鹿十六_阅读 4,678评论 0 6
  • 爱像一阵风,吹完它就走 第三天了。仍然没有一个电话,一条微信。换了新手机但是聊天记录全部备份转移,虽然没有了联系,...
    卞潇阅读 290评论 0 0
  • 像往常的周末一样,伴着暖暖的阳光和灶台边的流水声从睡梦中醒来,睁开眼就看见你认真做早午餐的样子,心里满是踏实而感动...
    Lillian琳阅读 508评论 0 1