如何在反应较慢的组件之间传递数据以进行缓慢渲染的组件？

问题描述

我有三个组成部分：PlotCollection，Plot和Tooltip。在PlotCollection内部，有多个Plot显示不同的数据集（带有图表）。绘图旁边有一个区域Tooltip，其中根据鼠标的当前位置显示有关数据的信息。因此，结构如下：

<PlotCollection>
  <Plot/>
  <Plot/>
  <Plot/>
  <Plot/>
  <Tooltip>
</PlotCollection>

现在，我将当前的moue-position-data保存在PlotCollection状态下。我使用给每个Plot的函数来更新它。然后，我将数据作为道具发送到Tooltip。但是，这意味着每次我移动鼠标时，PlotCollection的状态都会改变，从而触发重新渲染。由于网站上显示了许多不同的内容，因此这会导致行为滞后。因此，我认为最好将数据直接从每个Plot发送到Tooltip而不更改PlotCollection的状态。这可以通过React-Context或Redux实现。您认为这样可以解决性能不佳的问题吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）