Javascript 如何使用ReactJS使用道具调用另一个组件中的函数？

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

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

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

---

如何处理这种情况？

在react中，您可以使用道具将数据从一个组件传递到其子组件。

---

如果

不是子组件，您可以使用状态管理库，如

redux

或内置上下文API。

与数据相同，您也可以将函数作为道具传递。@Dananjayariasena在这种情况下，是否可以共享代码段来执行相同的操作？我确实试过了，但失败了；

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