How to pass data from child to parent when a list item is clicked

Question

I am trying to pass value of the element clicked to the header component. I did that with modal provided by React-bootstrap. The parent component (header) should receive the val