我需要用reactjs做一个带有多个曲面的扫描线的演示,但问题是,当我 Select 显示多个曲面时,它只会在最新创建的曲面上播放数据,并停止在旧曲面上绘制数据.
您可以在这里看到代码为https://28zf6p.csb.app/的示例
this is a GIF for the problem:
注意:我需要多个表面的原因是,我想让图表可以用sorableJS拖动,以遵循我得到的设计.
我需要用reactjs做一个带有多个曲面的扫描线的演示,但问题是,当我 Select 显示多个曲面时,它只会在最新创建的曲面上播放数据,并停止在旧曲面上绘制数据.
您可以在这里看到代码为https://28zf6p.csb.app/的示例
this is a GIF for the problem:
注意:我需要多个表面的原因是,我想让图表可以用sorableJS拖动,以遵循我得到的设计.
我没有深入研究,似乎在生成图形的函数中存在错误,并且指向div的链接被记住.
但是,如果您将id属性添加到div中,它就会开始正常工作.也许库本身在底层使用id来访问DOM元素.
在App.js中
for (let i = 0; i < value; i++) {
sciCharts.push(<SciChart key={i} id={i} />);
}
在SciChart.jsx中
const SciChart = ({ id }) => {
...
return (
<div id={id} ref={ref} style={{ height: "20%", width: "20%" }}>
SciChart
</div>
);
}