How to render a parent component upon clicking a child component in React?

Question

I have three components each one being a parent of the other. I want to render the entire parent component upon clicking a child component. What is the correct way to achieve this?

Answer 1

You can update state of parent component from child component. Parent will then re-render automatically.

Or

You can pass forceUpdate method of parent component as a prop to child component. Whenever child component will call that method (eg on onClick handler), parent will re render.

Reference:

https://reactjs.org/docs/react-component.html#forceupdate