リアクション警告レンダリング（）

Question

これはどうして起こったのですか？ 警告：render（）：ターゲットノードはReactによってレンダリングされたマークアップを持っていますが、無関係なノードもあります。これは、最も一般的には、サーバーレンダリングされたマークアップの周囲に挿入された空白によって引き起こされます。

<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

私は、マークアップ、サーバー側のレンダリング、この問題に遭遇しました。このような場合（例）：

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

周囲の空白をすべて削除してください。私の場合は、次のように警告を取り除いた。

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