javascript - 如何在HTML中使用两个组件

我想在一个HTML中使用两个组件。

例如

index.html：
    

</div>

<div id='rightComp'>
</div>

app.jsx：

window.onload=function(){
    React.render(
       <leftcomp/>, document.getElementById('leftComp')
       <rightComp/>, document.getElementById('rightComp')
    )
}

最佳答案

两次调用React.render，对每个React元素/ DOM节点对一次。

window.onload=function(){
    React.render(<leftcomp/>, document.getElementById('leftComp'))
    React.render(<rightComp/>, document.getElementById('rightComp'))
}

话虽这么说，最好的做法是拥有一个同时包含leftcomp和rightcomp的组件，并将该包装器组件呈现为单个DOM节点。