React 不能同时使用两个组件？非也

本人作为React萌新使用者，发现：
我在index.js 下引入两个组件到index.html中发现后一个会覆盖前一个组件，这是因为我把这两个组件同时定位在了同一个index.html标签中，比如我同时定位在了id为root的如下

ReactDOM.render(<Parent/>,document.getElementById('root'))
ReactDOM.render(<Child />,document.getElementById('root'))

这样只会显示后面一个Child组件

解决方案

将Parnet和Child组件分别置于不同的div标签即可，例如：

ReactDOM.render(<Parent/>,document.getElementById('app1'))
ReactDOM.render(<Child />,document.getElementById('app2'))