每個頁面有多個容器

Question

我真的很喜歡組件之間的分離（不知道基礎設施，從道具獲取所有數據）和容器（製作所有基礎設施的東西並將道具傳遞給組件），但是我遇到過這樣的情況：感覺很有問題。

我在我的容器中有兩個邏輯上獨立的代碼段。因此，將我的容器分成兩部分感覺很自然，但我不知道如何管理它。我應該如何處理這些分包商？可能的方法：

1. 將它們放在主要組件（代表頁面）文件夾下的組件文件夾中。但將容器（子容器，但無論如何）放入組件文件夾中會感覺不對
2. 將它們放入由Page名稱（文件容器只會呈現這兩個子容器）的文件夾中的Containers文件夾中。看起來像一個合理的方式去，但我從來沒有遇到過這種實現。

Answer 1

我強烈建議您檢查react-boilerplate。他們構建文件的方式非常好。

Answer 2

容器組件：

可以包含表象和容器組件**內，但通常沒有自己的任何DOM標記除了一些包裝的div，而從來沒有任何樣式。

請參閱Dan Abramov關於 presentational and container components應該包含的內容。他在文章的底部解釋了他對這一點的推理。