如何使用 React Chart.js 在一個 canvas 中分別渲染兩個折線圖以利用 useMemo-Hook？

Question

我在使用 React-ChartJS-2 構建的圖表時遇到問題：

我在一個 canvas 中有兩個折線圖，其中一個是交互式的（用戶可以激活點並可以比較該圖表上的不同值）另一個只是一個 static 圖表，它應該是用戶的方向。 如果用戶激活交互式圖形上的數據點（這會更改道具，因此 useMemo Hook 不起作用），我試圖阻止重新呈現 static 圖形。 有沒有辦法將兩個數據集分成兩個單獨的組件，這樣 static 圖的道具就不會改變，而不會出現一些 hacky CSS？

先感謝您！

我通過停用 animation 找到了一個解決方案，這樣用戶就看不到重新渲染，但我猜這不是最好的。 現在我正在嘗試渲染兩條折線圖，並嘗試使用 CSS 將一個堆疊在另一個之上

Answer 1

你好 @Lucas2101 用代碼示例回答你的問題會更容易。 您需要 useMemo 掛鈎的原因是什么。 為了回答您的一個問題，useMemo 掛鈎會在依賴項數組中的項目更新時運行，因此可能是您沒有向該數組添加正確的內容。 我不能肯定地說，因為我沒有代碼。