我建立了一個影片盒，并在里面存盤了圖表。該圖表將以影片的方式回應。
我在圖表組件中用這段代碼控制回應性。
onclick = function () {
myChart.resize（）。
};
問題在于處理多個圖表時。我建立了一個存盤在其他影片框中的圖表。我想通過點擊這兩個圖表來調整它們的大小，但它不起作用。
我一直在試圖找出如何在組件之間傳遞資料，但到目前為止，我似乎無法讓它發揮作用。有沒有人有更好的方法來做到這一點？
?這是我的代碼
。https://codesandbox.io/s/echarts-test2-3vg2t?file=/src/chart.js
uj5u.com熱心網友回復：
關于資料以及如何在同級組件中訪問它。
我們必須注意關于React的一些事情。
- React遵循單向資料流（這意味著資料通過props從父代傳遞給子代，而不是反過來）。
- 僅使用React（沒有任何庫），當我們在單個組件中擁有資料時，我們可以訪問兄弟姐妹中的資料。因此，你需要提升狀態（使用父組件中的所有組件資料，并將它們作為props傳遞）。
- 另一種選擇是使用像 Redux 這樣的庫，它擁有單一的真相來源，所有資料都在 Store 中，組件可以直接訪問這些資料，而無需向下傳遞道具（或無需鉆研道具）。
- 通過使用 React-Hooks 和 React 中的 Context API 也可以實作同樣的效果。
這些來自 react 的官方檔案可能會有所幫助：
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/333742.html
標籤：