Reactjs 每页有多个容器

我真的很喜欢组件（不了解基础设施，从道具中获取所有数据）和容器（制作所有基础设施并将道具传递给组件）之间的分离，但我遇到了一种感觉相当困难的情况

我的容器中有两段逻辑上独立的代码。因此，将容器一分为二感觉很自然，但我不确定如何管理它。我该怎么处理这些分包商？可能的途径：

将它们放在主组件（表示页面）文件夹下的组件文件夹中。但将容器（但无论如何是子容器）放入components文件夹感觉是错误的

按页面名称将它们放入文件夹中的Containers文件夹（页面容器将只呈现这两个子容器）。这似乎是一种合理的方式，但我从未遇到过这种实现

---

我强烈建议你检查一下。它们构造文件的方式非常好。

容器组件：

内部可能同时包含表示组件和容器组件**，但除某些包装div外，通常没有自己的任何DOM标记，并且从来没有任何样式

请看丹·阿布拉莫夫的这篇关于什么的文章

---

应该包含。他在文章的底部解释了他对这一点的推理。

解决方案二似乎不错。这更像是一种偏好，而不是指南。只需选择适合你的应用程序就可以了。这篇文章没有提到每页有多个容器。