react.js渲染页面的时候报这个错请问为什么？

Question

Answer 1

这是警告。
指的是你的ReactDOM.render第二个变量指向了body。这是不推荐的，后面的是不推荐的原因。

------------------分界线--------------------

把题目改的面目全非……
这次的错误来源你提供给render函数的参数有问题，你可以这样用

ReactDOM.render(
    <div>
        <Headers />
        <Centers />
    </div>,
    document.getElementById('downloads')
)

Answer 2

render 接受两个参数，第一个是组件，第二个是在页面中渲染的地方。
把你的代码改为

ReactDOM.render(<div>
    <Headers/>
    <Centers/>
</div>,document.getElementById('downloads'));

使用一个div 标签将你的两个组件包裹进来作为第一个参数。

Answer 3

react的每个组件只能有一个顶级元素，所以改成上面两个的写法就对了。
或者你把你的那两个封装成一个组件，再渲染
关键代码：

newComponent.js
------------------------------------
render(){
<div>        
    <Headers />
    <Centers />
</div>
}

--------------------------------------
ReactDOM.render(
    <newComponent />,
    document.getElementById('downloads')
)

Answer 4

楼上正解，React组件最外面只能有一个根标签