使用React的工厂模式

Question

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

这种做法的反应方式越多？

1. 创建一个沼泽标准工厂函数,给定不同的标志将创建一个具有不同道具集的新组件
2. 制作包装组件,完成所有逻辑并从数据中设置正确的道具.

我对创建包装器的恐惧是它在组件链中更加臃肿.当这感觉更像一个切线.

Answer 1

实际上,在React中将逻辑与表示分离是很常见的,并且被认为是最佳实践.所以解决方案2是要走的路.

你的组件A可能是一个无状态函数http://facebook.github.io/react/docs/reusable-components.html#stateless-functions,而它的父亲只有逻辑方法.

为了您的信息,这样的方案也是使用redux存储的默认方式,请参阅http://redux.js.org/docs/basics/UsageWithReact.html#presentational-and-container-components