同じクラスを使って複数の要素をレンダリングするReactDOM？

Question

私は同じクラスを使用し、同じ内容を持つ複数の要素を持っています。

だから私は、私の代わりにのものでそれらをレンダリングするためにReactDOMを使用することができます。

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 
); 

私はこれらの複数の同じ要素がどのくらいあるか知っているだろうと私は動的にそれを行うことができればそれがベストでしょう。

可能ですか？

EDIT：

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 
     ); 
    } 
} 

それは./data/nav.jsonを複数回呼び出します。以下のような

Answer 1

何か（テストしていません）：

Array.prototype.forEach.call(
    document.getElementsByClassName('footer'), 
    function(el) { 
    ReactDOM.render(
     <Footer source="./data/nav.json"/>, 
     el 
    ) 
    } 
) 

編集：今、更新のため