Question

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

例如

的index.html：

</div>

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

app.jsx：

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

Answer 1

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

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

话虽如此，但考虑更好的做法是让一个组件同时包含leftcomp和rightcomp，并将该包装器组件呈现为单个DOM节点。

如何在html中使用两个组件

1 个答案: