通过React.js呈现多个类/对象？

Question

在一个阵营文件，我有以下几点：

ReactDOM.render(
    <BlogButton />, 
    document.getElementById('nav-blog--react') 
); 

ReactDOM.render(
    <NavButton />, 
    document.getElementById('nav-home--react') 
); 

    ReactDOM.render(
    <PoweredByButton />, 
    document.getElementById('nav-powered--react') 
); 

只有第一渲染作品：“BlogBu​​tton”显示出来。另外两个，“NavButton”和“PoweredbyButton”不显示。我在控制台中也没有收到错误。那是因为你不能在一个文件中进行多个渲染？那么我如何将所有这些组合成一个渲染调用？

Answer 1

虽然我无法解释为什么你的例子不工作 - 从我所知道的和反应文档中已经读取包含一切“走做”的方法是创建1个主/包装组件。

你可以看到在包装部件如您对您添加新的元素新的DOM。

我建议你创建它获取直接渲染到DOM一个包装组件。而其他元素在包装器组件中呈现。

WrapperComponent 
... 
render(
<div> 
<FirstComponent /> 
<SecondComponent /> 
</div> 
); 


ReactDOM.render(
    <WrapperComponent />, 
    document.getElementById('nav-powered--react') 
);