2017-12-21 12 views

Antwort

0

Es gibt eine in React 16 eingeführte Funktion namens Portals, die für genau solche Fälle ausgelegt ist.

Sie fügen einen weiteren Eintrag (modal-root) in Ihrer index.html Datei wie so

<html> 
    <body> 
    <div id="app-root"></div> 
    <div id="modal-root"></div> 
    </body> 
</html> 

und dann in das Element modal DOM

render() { 
    return ReactDOM.createPortal(
    this.props.children, 
    document.getElementById("modal-root"), 
); 
} 

Für die Referenz Portals documentation