在多个div标签中渲染reactjs组件

Question

我想创建一个React.JS组件,它可以使用元素的类名div而不是id在多个位置呈现.

呈现组件的常规方法是:

React.render(<Component/>, document.getElementById('id'))

我想知道是否可以这样做:

React.render(<Component/>, document.getElementsByClassName)?

Answer 1

React.render采用单个DOM元素.如果要多次渲染它,只需遍历节点即可.

function renderToElements(toRender, elements) {
  for (var i = 0; i < elements.length; i++) {
    React.render(toRender, elements[i]);
  }
}

renderToElements(..., document.getElementsByClassName("className"));