react组件在项目中的应用（基础知识）

上图我是定义了5个模块，所有都渲染在一个组件里面。能够先看看个人代码结构

我将Hello文件夹下的index.jsx文件做为父组件，最后渲染在根组件中。

那咱们怎么输出这个Hello组件呢？要达到上图的效果。
咱们知道要有头部，要有中间的按钮，要有轮播模块，要有列表模块，还要有推荐模块。他们之间是互不影响的。
那咱们怎么在Hello组件中体现这个组件的独立性呢？像header组件能够做为公共头部，供全部页面引用，咱们
将其放在components中，像这种纯展现数据的组件咱们能够叫其木偶组件。
这是header组件的文件

看我最上面的页面其实可了解到，像轮播列表这些实际上是与数据的渲染相关的，也就是能够与后端交互
请求数据的模块，也就是咱们放在
中的组件，它能够定义数据定义规则，最后展现在Hello组件中，像这样的就是智能组件。咱们能够看下图

Hello组件经过引用这些组件最后在根元素上渲染出模块。
这只是基础的组件知识，接下来咱们逐渐深刻。请耐心等待个人系列博客。
本博客升华自：大众点评app视频。

完整的demo见github：https://github.com/JserJser/reactWebApp/tree/master/test