React组件设计思路


细节


  • 定义少数有状态组件管理整个应用的状态变化
  • 有状态组件将状态通过props传递给其余无状态组件
  • 无状态组件接收props完成页面绝大部分UI的渲染

总结


  • 有状态组件主要关注处理状态变化的业务逻辑
  • 无状态组件主要关注组件UI的渲染。

示例–bbs发帖


  • 无状态组件PostItem只关注数据渲染
  • 帖子的数据来源，点赞逻辑处理，由有状态组件PostList处理。