React组件设计思路
细节
- 定义少数有状态组件管理整个应用的状态变化
- 有状态组件将状态通过props传递给其余无状态组件
- 无状态组件接收props完成页面绝大部分UI的渲染
总结
- 有状态组件主要关注处理状态变化的业务逻辑
- 无状态组件主要关注组件UI的渲染。
示例–bbs发帖
- 无状态组件PostItem只关注数据渲染
- 帖子的数据来源,点赞逻辑处理,由有状态组件PostList处理。
- 微信关注公众号 :前端前端大前端,追求更精致的阅读体验 ,一起来学习啊
- 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程—