如何使用 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。