javascript - 如何使用 ReactJS 使用 props 调用另一个组件中的函数？

Question

我有一个名为 map.js 的文件，其中包含 map 和标记

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

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

setTower() 来自 React 钩子(Hook)。

我想在单击特定标记时绘制 chartjs 图形。但是图表是用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。