在React中使用工廠模式

Question

假設我有一個非常愚蠢的組件A.我不希望任何來自數據的渲染邏輯進入此組件。只需要一些原始數據並顯示它。

哪種方法更有效？

1. 創建只是一個沼澤標準廠房功能，即賦予不同的標誌將創建不同的道具一個新的組件設置
2. 製作包裝組件，它完成了所有的邏輯和設定從數據正確的道具。

我的創建包裝的恐懼是它只是在組件鏈中膨脹。當這感覺更切線。

Answer 1

事實上，將邏輯從表示中分離出來在React中是很常見的，並且被認爲是最佳實踐。所以解決方案2是要走的路。

你的組件A可能是一個無狀態函數http://facebook.github.io/react/docs/reusable-components.html#stateless-functions而它的父親只有邏輯方法。

對於您的信息，這樣的方案也是使用redux store的默認方式，請參閱http://redux.js.org/docs/basics/UsageWithReact.html#presentational-and-container-components