ReactDOM渲染元素列表

我有一個元素列表（相同元素），需要在頁面內多次渲染。我看到的ReactDOM.render的所有例子都表明它只能渲染一個元素。有沒有辦法呈現元素列表？ReactDOM渲染元素列表

注意：元素可能會出現在整個頁面上。我無法制作呈現多個元素的列表類，例如<ElementList/>。

香草用法：

ReactDOM.render(
<Element/>, 
document.getElementById('Element'));

有沒有辦法中的元素或等價的東西的清單來傳遞，而不是如

ReactDOM.render(
<Element/>, 
listOfElements);

我知道我可以寫一個包裝函數，並調用文件.getElementById（）多次，但有內置的反應，可以處理這種情況？

可以使用forEach功能：

listOfElements.forEach(el => ReactDOM.render(<Element/>, el);

2016-08-12 21:50:12 madox2

@ maddox2我不知道我們能做到這一點。這很酷。這是否意味着React現在必須管理一些虛擬doms？每個元素一個？ – KumarM

@KumarM是的，爲每個'ReactDOM.render'調用創建組件。這些組件是孤立的，每個都有自己的虛擬dom。 – madox2

@ maddox2謝謝。我想知道它是否有任何性能影響。但也許這本身就是一個不同的問題。 – KumarM

回答