React warning render()

Question

perché è successo? Attenzione: render(): il nodo di destinazione ha markup reso da React, ma ci sono anche nodi non collegati. Questo è più comunemente causato dallo spazio bianco inserito attorno al markup reso dal server.

<section id="container-wrapper"> 
    <div data-reactid=".0.1.0.1"> 
     loading..... 
    </div> 
</section> 

// App.js

ReactDOM.render(<App routes={routes} /> , document.getElementById('container-wrapper')); 

Answer 1

mi sono imbattuto in questo problema di rendering marcatura sul lato server. Se hai qualcosa di simile a questo (esempio di ejs):

<div id="app"> 
    <%- markup %> 
</div> 

Prova a rimuovere tutto lo spazio bianco circostante. Il seguente ha eliminato l'avviso nel mio caso.

<div id="app"><%- markup %></div>