reactjs - 在 React 中使用工厂模式

Question

假设我有一个非常愚蠢的组件 A。我不希望数据中的任何渲染逻辑进入该组件。只需获取一些原始数据并显示它即可。

哪种方法 react 更灵敏？

1. 仅创建一个沼泽标准工厂函数，给定不同的标志将创建一个具有不同属性集的新组件
2. 制作一个包装组件来执行所有逻辑并根据数据设置正确的 props。

我对创建包装器的担心是它只会使组件链变得更加臃肿。当这感觉更像是切线时。

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