【发布时间】:2016-03-06 14:00:23
【问题描述】:
假设我有一个非常愚蠢的组件 A。我不希望数据中的任何渲染逻辑进入该组件。只需获取一些原始数据并显示出来。
哪种方式更能解决这个问题?
- 只创建一个 bog 标准工厂函数,给定不同的标志将创建一个具有不同 props 集的新组件
- 制作一个包装组件,该组件执行所有逻辑并根据数据设置正确的道具。
我对创建包装器的担忧是它只会在组件链中变得更加臃肿。当这感觉更切线时。
【问题讨论】:
标签: reactjs
假设我有一个非常愚蠢的组件 A。我不希望数据中的任何渲染逻辑进入该组件。只需获取一些原始数据并显示出来。
哪种方式更能解决这个问题?
我对创建包装器的担忧是它只会在组件链中变得更加臃肿。当这感觉更切线时。
【问题讨论】:
标签: reactjs
实际上,将逻辑与表示分离在 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
【讨论】: