reactjs - react 。如果展示组件包含容器组件会不会很糟糕？

Question

根据https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0#.i63w9pvzw

Presentational components:

• May contain both presentational and container components** inside, and usually have some DOM markup and styles of their own.
• Have no dependencies on the rest of the app, such as Flux actions or stores.

我认为如果展示组件包含容器组件，它们将依赖于 Flux 或 Redux(或容器组件所依赖的任何组件)。

这将使演示组件难以测试和重用。

Answer 1

还不错，完全没问题。整点react-redux是让您将容器组件直接连接到商店，而不必将整个商店作为 Prop 传递给每个组件。组件重用不是问题，因为 <Provider>组件将使任何连接的容器组件在其下方的任何位置工作。

测试容器组件实际上也不难。您可以将连接的组件设置为默认导出，还可以将未连接的组件导出为命名导出，您可以将其用于测试，并在这些测试中手动传递它的属性。请参阅 'Writing Tests' part of the Redux docs 的“连接的组件”部分了解更多信息。

对于测试包含容器组件的表现组件，这不会是问题。浅渲染在测试中仍然可以正常工作(除非您遇到 this issue )。如果您需要在测试中安装该组件，您可以随时将其包装在 <Provider> 中。具有特定于该测试的存储的组件。

编辑:这个答案特定于带有react-redux的Redux。其他 Flux 实现可能会遇到一些我不知道的困难。