Reactjs ReactDOM一次使用同一类呈现多个元素?
我有一个使用同一个类的多个元素,具有相同的内容 因此,我可以使用ReactDOM在1处渲染它们,而不是:Reactjs ReactDOM一次使用同一类呈现多个元素?,reactjs,ecmascript-6,react-dom,Reactjs,Ecmascript 6,React Dom,我有一个使用同一个类的多个元素,具有相同的内容 因此,我可以使用ReactDOM在1处渲染它们,而不是: ReactDOM.render( <Footer source="./data/nav.json"/>, document.getElementsByClassName('footer')[0] //mountNode ); ReactDOM.render( <Footer source="./data/nav.json"/>, do
ReactDOM.render(
<Footer source="./data/nav.json"/>,
document.getElementsByClassName('footer')[0] //mountNode
);
ReactDOM.render(
<Footer source="./data/nav.json"/>,
document.getElementsByClassName('footer')[1] //mountNode
);
ReactDOM.render(
<Footer source="./data/nav.json"/>,
document.getElementsByClassName('footer')[2] //mountNode
);
ReactDOM.render(
,
document.getElementsByClassName('footer')[0]//mountNode
);
ReactDOM.render(
,
document.getElementsByClassName('footer')[1]//mountNode
);
ReactDOM.render(
,
document.getElementsByClassName('footer')[2]//mountNode
);
如果我能动态地做这件事就最好了,因为我不知道有多少相同的元素
可能吗
编辑:
var elementLength = document.getElementsByClassName("footer").length;
if (elementLength > 0) {
for (var i = 0; i < elementLength; i++) {
ReactDOM.render(
<Footer source="./data/nav.json"/>,
document.getElementsByClassName('footer')[i] //mountNode
);
}
}
var elementLength=document.getElementsByClassName(“footer”).length;
如果(elementLength>0){
for(var i=0;i
它将多次调用/data/nav.json
。类似(未测试):
Array.prototype.forEach.call(
document.getElementsByClassName('footer'),
功能(el){
ReactDOM.render(
,
埃尔
)
}
)
编辑:现在已测试感谢您的更新。但这将循环
多次。因此它调用了/data/nav.json
次。我可以只调用它一次,然后将它呈现给多个元素吗?很抱歉,它似乎只调用了/data/nav.json
一次。我刚刚重新检查了一下……实际上它在第一次加载时多次调用/data/nav.json
。然后,除非你刷新页面,否则只需调用它一次。
Array.prototype.forEach.call(
document.getElementsByClassName('footer'),
function(el) {
ReactDOM.render(
<Footer source="./data/nav.json"/>,
el
)
}
)