javascript - 如何使用 HTML 类属性渲染 React 组件？

Question

我尝试了以下操作，但似乎不起作用。是否可以使用 HTML 类渲染 React 组件？

HTML

<div class="appKlass"> 
</div>

JSX

ReactDOM.render(
  <h3>Hello Universe</h3>,
  document.getElementsByClassName("appKlass")
)

Answer 1

getElementsByClassName返回 html 元素的类似数组的对象 ( HTMLCollection )。但是 render 需要一个 DOM 节点作为第二个参数。因此，您必须为 getElementsByClassName 返回的内容提供索引，并从数组中获取特定元素。

ReactDOM.render(
  <h3>Hello Universe</h3>,
  document.getElementsByClassName("appKlass")[0]
)