【问题标题】:Which communication is faster in React, Sibling-Parent-Sibling or Sibling-Store-Sibling?在 React、Sibling-Parent-Sibling 或 Sibling-Store-Sibling 中哪个通信更快?
【发布时间】:2018-02-08 03:25:48
【问题描述】:

我正在 React-Redux 应用程序中的一些同级组件之间建立通信。

需要传达的是一个单一的数据值,它在应用程序中除了将显示它的子组件之外没有其他用途。

这让我想知道是否将数据向上发送到父节点并返回到兄弟节点是否比在 Redux 存储中分派操作和状态更改并让兄弟节点以这种方式接收更改更快。

我的假设是,对于这样一个简单的情况,只需将其传递给父级并返回更快。

当然,通过父级对其进行编码会比设置 Redux 操作更快。

【问题讨论】:

    标签: reactjs react-redux


    【解决方案1】:

    实际上,它们或多或少是相同的。

    以任何一种方式(通过 Redux 或通过父级)传递值都是一样的——React 实际上会重新渲染组件树,如果不同,则将这些更改应用到 DOM。要优化您的应用,请优化您的渲染时间,而不是您传递状态的方式。

    也就是说,通过 Redux 执行此操作很可能会使您的应用程序更加复杂。你必须做出动作和减速器,并在 Redux 中维护那部分状态。正如您所说,这是一条非常本地化的信息,从架构的角度来看,将状态保留在父组件中可能会更好。

    【讨论】:

      【解决方案2】:

      在我看来,两者都是一样的。

      如果您使用 react-redux 架构,那么最好将数据存储在 redux 存储中,因为它不仅可以提供代码的统一性,还可以使您的代码具有可扩展性,即如果相同的数据在其他组件中使用未来,则不会涉及任何进一步的步骤。

      我不同意 redux 使应用程序变得复杂的观点。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2018-06-15
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-02-02
        • 1970-01-01
        • 2023-04-07
        相关资源
        最近更新 更多