反应警告渲染（）

为什么发生这种情况？警告：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'));

2015-12-03 zhoushx3

发布您的代码。也许另一个框架做了DOM修改。 –

如果您正在进行服务器端渲染，请将DIV元素中的{{{content}}}包裹起来。 –

我想出了这个问题，我在＃container-wrapper的div中添加属性'data-reactid'是不小心的。谢谢你们一样！ – zhoushx3

我就遇到了这个问题呈现标记的服务器端。如果你有这样的东西（例子）：

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

尝试删除所有周围的空白处。以下在我的情况下摆脱了警告。

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

2016-01-08 16:42:30 aw04

谢谢，我发现我在DIV中添加了一个data-reactid属性，导致了这个问题。 – zhoushx3

为我效劳 –

这也适用于我！ – OstlerDev

回答