反應警告渲染（）

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>