2017-01-13 158 views
4

我是減少反應發展的初學者。我想知道什麼是演示組件和容器組件。Redux演示組件VS容器組件

  • 如何將組件分類爲Presentational或Container?
  • 這兩者有什麼區別?
  • 以這種方式對組件進行分類的好處是什麼?
+1

這裏有一個[丹·阿布拉莫夫後(https://開頭medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0)解釋這種模式。 – Assan

+1

@Assan謝謝你 – cjohn

+0

https://hackernoon.com/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc – zloctb

回答

8

如果將它們分爲兩類,您會發現您的組件更容易重用和推理。我稱他們爲Container和Presentational組件。

我假設你有關於Redux的架構知識

容器組件

  • 意識到終極版
  • 訂閱終極版狀態
  • 派遣Redux的行動
  • 的反應,終極版生成
  • 專注於ho W¯¯工作的事情

表象成品的配件

  • 沒有意識到終極版從道具
  • 道具調用回調
  • 撰稿開發商
  • 如何這副模樣
  • 焦點
  • 讀數據
分類組件

  • 的個

    優點可重用性的擔憂

  • 分離

有關詳細信息閱讀this文章