反应警告渲染()

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

我遇到了这个问题,渲染标记服务器端.如果你有这样的东西(ejs例子):

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

尝试删除所有周围的空白区域.在我的情况下,以下摆脱了警告.

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