How to call a function in another component with props using ReactJS?

Question

I have a file called map.js which has the map and markers

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

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

The setTower() comes from a React hook.

I want to plot a chartjs graph when a particular marker is clicked. But chart is to be made in D.js, while the information for clicked graph is in this one. I wanted so that Drawgraph() could determeine which dataset to use, make a chart and take the chart to D.js (where chart is to be displayed). This is what D.js looks like :

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

How to go about this situation?

@DananjayaAriyasena will it be possible to share a code snippet for doing the same in this case? I did try but failed ;_; — bhav_yea
– bhav_yea, Commented Dec 22, 2019 at 7:12

B45i · Accepted Answer · 2019-12-22 07:06:33Z

1

In react you can use props to pass data from one component to its child component. If the <DrawGraph /> Is not a child component, you can use state management libraries like redux or the built-in Context API.

answered Dec 22, 2019 at 7:06

B45i

2,6673 gold badges28 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to call a function in another component with props using ReactJS?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related