ReactJs:是否可以按类名称将DOM呈现给文档?

Wal*_*mad 4 javascript dom reactjs

我正在学习ReactJs并且非常喜欢它.我想问一下我们是否可以按类名将虚拟DOM渲染到文档中.

React.render(
    <CommentBox url="data/comments.json" pollInterval={2000} />,
    document.getElementById('class')
);
Run Code Online (Sandbox Code Playgroud)

我试图通过

getElementByClassName( '类')

作为反应的渲染方法的第二个参数,它不起作用.React是否仅将DOM呈现给仅具有ID的节点,或者是否有使用类的节点的解决方法?

xca*_*liu 17

看来你使用了错误的方法.

可能你应该用getElementsByClassName而不是getElementByClassName.并且不要忘记getElementsByClassName返回类似于数组的obj HTMLCollection,因此选择第一个元素是必要的.

React.render(
  <CommentBox url="data/comments.json" pollInterval={2000} />,
  document.getElementsByClassName('className')[0]
);
Run Code Online (Sandbox Code Playgroud)

有关更多信息,请查看文档.

  • 为什么 '[0]' 是必要的。0 不是仅适用于具有该类名的第一个元素吗?如果我有多个具有相同类名的元素,并且我想将 reactjs 文件中的内容附加到所有元素,该怎么办。 (3认同)