每页多个容器

Question

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

我的容器中有两个逻辑上独立的代码片段。因此将我的容器分成两部分感觉很自然，但我不知道如何管理它。我应该如何处理这些子容器？可能的方法：

1. 将它们放在主要组件（代表页面）文件夹下的components文件夹中。但是将容器（无论如何都是子容器）放入组件文件夹感觉不对
2. 按页面名称将它们放入文件夹中的Containers文件夹中（页面容器将只渲染这两个子容器）。似乎是一种合理的方式，但我从来没有遇到过这种实现。

Answer 1

我强烈建议您查看react-boilerplate。他们构建文件的方式非常好。

Answer 2

容器组件：

  

可以在里面包含表示和容器组件**但通常没有自己的DOM标记，除了一些包装div，并且从不有任何样式。

Dan Abramov请看这篇文章 presentational and container components应该包含。他在文章的最后解释了他对这一点的推理。