通過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') 
);