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