[Solved]-How to pass value from one component to another using onClick in React-Reactjs

you canNot render component onClick of onother component you should set the item that you want to show in state, then pass it to that component using

change this line

<button onClick={<Graph tid={developer.tid}/>}>Data</button>

to

<button
    onClick={() => this.setState({
        selectedDeveloperId:developer.tid
    })}
>
    Data
</button>

so now if you click on the button, it will set developer id in state of component

and in render method after closing tag of table put this

{!!selectedDeveloperId && (<Graph tid={selectedDeveloperId}/>)}

so it will render Grap component if you click on a button with id of selected developer