How to change the parent of a component to react?

Question

React

How to change the parent of a component, for example, a modal window? By default the component is called in the main App

<React.Fragment>                    
                    <Header />
                    <Main />
                    <Footer />
                    <Modal />
                </React.Fragment>

What can optionally be used to call the same component in another place, for example, in a block with a button that calls it? Use ref?

Answer 1

modal windows. Where and how to render?