4
我是减少反应发展的初学者。我想知道什么是演示组件和容器组件。Redux演示组件VS容器组件
- 如何将组件分类为Presentational或Container？
- 这两者有什么区别？
- 以这种方式对组件进行分类的好处是什么？
A
回答
8
如果将它们分为两类，您会发现您的组件更容易重用和推理。我称他们为Container和Presentational组件。
我假设你有关于Redux的架构知识
容器组件
- 意识到终极版
- 订阅终极版状态
- 派遣Redux的行动
- 的反应，终极版生成
- 专注于ho W¯¯工作的事情
表象成品的配件
- 没有意识到终极版从道具
- 道具调用回调
- 撰稿开发商 如何这副模样
- 焦点
- 读数据
- 的个
优点可重用性的担忧
- 分离
有关详细信息阅读this文章
相关问题
- 1. Redux：单容器，多组件
- 2. React Redux容器组件
- 3. Redux演示组件仅适用于顶级组件？
- 4. 混淆react-redux和容器/组件
- 5. Redux高阶组件与容器组件相同
- 6. 从容器传递给演示组件的ReactJs事件
- 7. Redux。从容器组件描述表示组件的生命周期方法
- 8. 反应。如果演示组件包含容器组件，那么它不好吗？
- 9. Vue2中的演示组件
- 10. widgetvar复合组件VS命名容器
- 11. 如何从组件到容器中的事件React Redux
- 12. 验证React-Redux中“容器组件”中的触发事件
- 13. Redux：当子组件调度Redux动作时通知父组件React组件
- 14. C＃组件容器
- 15. React演示组件未收到来自智能组件的MapDispatchToProps
- 16. React-Redux：组件或容器中的表单？
- 17. 可重复使用的react-redux容器组件
- 18. 在Redux容器中使用更高阶的组件
- 19. Redux - 将道具传递给儿童容器组件可以吗？
- 20. 将道具传递给react-redux容器组件
- 21. 阵营与同一容器/ Redux的多个组件
- 22. 如何在Redux的容器组件读取URL参数
- 23. 将容器放入Redux组件中可以吗？
- 24. 测试React/Redux组件和容器使用<Provider />
- 25. 这些应该是Reactjs + Redux中的组件或容器
- 26. React Redux - 从reducer传递数据时容器/组件未更新
- 27. react，redux - 使用redux修改父组件
- 28. 反应组分vs容器
- 29. React + Redux：组件不更新
- 30. Redux中的组件更新
这里有一个[丹·阿布拉莫夫后（https：//开头medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0）解释这种模式。 – Assan
@Assan谢谢你 – cjohn
https://hackernoon.com/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc – zloctb