如何使用 ReactJS 使用 props 調用另一個組件中的函數？

Question

我有一個名為 map.js 的文件，其中包含地圖和標記

{Towers.TowerList.map((tower) => (
<Marker key={tower.id}
        position={tower.coords}

        onClick={() => {
          Drawgraph(tower); //Doubtful
          setTower(tower)
        }
        } />

setTower()來自 React 鈎子。

我想在單擊特定標記時繪制圖表。 但是圖表是用D.js制作的，點擊圖表的信息在這個里面。 我想讓 Drawgraph() 可以確定要使用的數據集，制作圖表並將圖表帶到D.js （要顯示圖表的地方）。 這就是D.js樣子：

//somewhere in D.js
<div className="chart-wrapper">
       <DrawGraph /> //Doubtful
</div>

這種情況怎么辦？

Answer 1

在 React 中，您可以使用 props 將數據從一個組件傳遞到其子組件。 如果<DrawGraph />不是子組件，則可以使用狀態管理庫，如redux或內置的 Context API。