ReactDOM可以渲染元素列表

Question

我有一个元素列表（相同元素），需要在页面中多次呈现。我见过的ReactDOM.render的所有例子都表明它只能渲染一个元素。有没有办法渲染元素列表？

注意：元素可能会出现在整个页面上。我无法创建一个列表类，例如<ElementList/>，它会呈现多个元素。

香草用法：

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

是否有传递元素列表或等效内容的方法，例如

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

我知道我可以编写一个包装器函数，并多次调用document.getElementById（），但是有什么内置的响应可以处理这种情况吗？

Answer 1

您可以使用forEach功能：

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