React的组件怎么组合成为一个页面呢？

#1

官方的例子里面，用复合组件组合两个
但是往往一个页面非常复杂

比如一段文字 一个图片 一个输入框 一个按钮 一个视频
那就写5个小组件

最后再写一个大的page组件，把他们都包含进去？是这样处理么？
谢谢

#2

一层层嵌套下去就行了

#3

有例子么？谢谢

#4

怎么说呢。。。这个社区里面的作品列表有一大堆完整的例子， 然后 github 也有一大堆！

#5

react组件分为展示型和容器型。
容器型组件，就相当于一个页面的基本架构，在这个容器里面，添加页面的各个展示型组件，组成一个完整的网页。
看一个简单的例子：

容器组件

export class HomeContainer extends Component {
  render() {
    return(
        <div className="">
            这里调用导入的各个展示型子组件模块
            <Header />
            <div>
               <List />
            </div>
        </div>
     );
 }

}