render react component inside another component that is dynamically rendered

Question

I am making a react app, and i have a profile Icon on my home screen, when it is clicked a drop-down pops up and one of the options is login or signup, when it is clicked i have