容器型组件和展示型组件的区别

容器型组件

• 容器型组件主要表现为组件怎么工作的、数据怎样更新的，不包含任何Virtual DOM 的修改或组合，也不会包含组件的样式。
• 如果映射到Redux上，容器型组件就是使用connect的组件，如果映射到Flux上，就是与store绑定的组件。
• 通过使用connect从Redux状态树中获取数据。
• 通过直接分发任意的action来改变数据。
• 通常由React Redux创建容器型组件。
• 感知Redux。

展示型组件

• 展示型组件主要表现为组件是怎样渲染的，包含了Virtual DOM的修改或组合，也包含组件的样式，同进不依赖任何形式的store。一般可以写成无状态函数，但实际上由于很多展示型组件里依然存在生命周期方法，所以不一定都是无状态的组件。
• 从this.props中获取数据。
• 调用从props中传入的action creator来改变数据
• 开发者自身创建展示型组件
• 不需要感知Redux。