Reagowanie ostrzeżeniem o udzieleniu odpowiedzi()

Question

dlaczego tak się stało? Ostrzeżenie: render(): Węzeł docelowy ma znacznik renderowany przez React, ale istnieją również niepowiązane węzły. Najczęściej jest to spowodowane wstawieniem białej przestrzeni wokół znaczników renderowanych przez serwer.

<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

wpadłem na ten problem renderowania znaczników po stronie serwera. Jeśli masz coś takiego (przykład ejs):

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

Spróbuj usunąć całą otaczającą białą przestrzeń. Poniższe pozbyłem się ostrzeżenia w moim przypadku.

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