React中的展示组件和容器组件

---恢复内容开始---

展示组件(persentational components)
    负责展示UI,也就是组件如何渲染,具有很强的内聚性。
    只关心得到数据后如何渲染
容器组件(container components)
    负责应用逻辑处理,
    eg:
    发送网络请求,处理返回数据,将处理过的数据传递给展示组件
    也提供修改数据源的方法,通过展示组件的props传递给展示组件
    当展示组件的状态变更引起源数据变化时,展示组件通过调用容器组件提供的方法同步这些变化
 
注意
    展示组件和容器组件是根据组件的意图划分组件,展示组件通常通过无状态组件实现,容器组件通过有状态组件实现
   
     无状态和有状态组件时根据组件内部是否使用state划分组件
    
    

---恢复内容结束---

猜你喜欢

转载自www.cnblogs.com/mushroomyummy/p/9937057.html