My Apologies for being vague, but I do not know how better I can explain this situation. I am learning ReactJS and JS as well. I am working on a project where I have following Requirement.

There is a Form where user can add text, numbers

There is a DropDown Menu (I am using Material UI - http://www.material-ui.com/#/components/dropdown-menu) which once clicked opens a new Page/component

This Child Page/Component has List Data and user must be able to pick one of the items in it.

Once clicked, the data goes back to Parent Component and Child Page disappears.

Visually, I found an example of how it should work http://recordit.co/GIDxCbD28X

I am looking for guidance on how to build this workflow. Again, apologies for open-ended question, but I hope to get help on this. Thanks