How to update parent's state in React?

Question

My structure looks as follows:

Component 1  

 - |- Component 2


 - - |- Component 4


 - - -  |- Component 5  

Component 3

Component 3 s

Answer 1

Most of the answers given above are for React.Component based designs. If your are using useState in the recent upgrades of React library, then follow this answer