【问题标题】:Using the factory pattern with React在 React 中使用工厂模式
【发布时间】:2016-03-06 14:00:23
【问题描述】:

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

哪种方式更能解决这个问题?

  1. 只创建一个 bog 标准工厂函数,给定不同的标志将创建一个具有不同 props 集的新组件
  2. 制作一个包装组件,该组件执行所有逻辑并根据数据设置正确的道具。

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

【问题讨论】:

    标签: reactjs


    【解决方案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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-01-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-02-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多