如何解决如何在反应较慢的组件之间传递数据以进行缓慢渲染的组件?
我有三个组成部分: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 举报,一经查实,本站将立刻删除。