在React,Sibling-Parent-Sibling或Sibling-Store-Sibling中哪种通信速度更快?

时间:2018-02-08 03:25:49

标签: reactjs react-redux

我正在React-Redux应用程序中的某些兄弟组件之间建立通信。

需要传达的是一个单一的数据值,在显示它的子组件之外的app中真正没有其他用途。

这让我想知道是否将数据发送到父级并返回到兄弟节点比调度Redux存储中的操作和状态更改并让兄弟姐妹以这种方式接收更改更快。

我的假设是,对于这样一个简单的案例,只需将其传递给父母并退回就更快了。

当然,通过父代码进行编码将比设置Redux操作更快。

2 个答案:

答案 0 :(得分:0)

实际上它们或多或少相同。

以任一方式(通过Redux或通过父级)传递值都是相同的--React将虚拟地重新呈现组件树,如果它不同,则将这些更改应用于DOM。要优化您的应用,请优化渲染时间,而不是如何传递状态。

也就是说,通过Redux实现这一点很可能会使您的应用程序变得更加复杂。您必须制作动作和缩减器,并在Redux中维护该状态块。正如你所说的那样,它是一个非常本地化的信息,从架构的角度来看,将状态保持在父组件中可能更好。

答案 1 :(得分:0)

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

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

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

相关问题