Javascript 如何使用HTML类属性呈现react组件？

我试着跟随，但似乎不起作用。这是否可以使用HTML类呈现react组件

HTML

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

JSX

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

ReactDOM.render(
你好，宇宙，
document.getElementsByClassName（“appKlass”）
)

返回类似数组的html元素对象（）。但是

render

需要一个DOM节点作为第二个参数。因此，您必须为

getElementsByClassName

返回的内容提供索引，并从数组中获取特定元素

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

ReactDOM.render(
你好，宇宙，
document.getElementsByClassName（“appKlass”）[0]
)

返回类似数组的html元素对象（）。但是

render

需要一个DOM节点作为第二个参数。因此，您必须为

getElementsByClassName

返回的内容提供索引，并从数组中获取特定元素

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

ReactDOM.render(
你好，宇宙，
document.getElementsByClassName（“appKlass”）[0]
)

使用

document.querySelector（'.appKlass'）

会更干净。这将返回单个DOM元素或null。如果页面中有多个

.appKlass

，它将返回第一个。

使用

document.querySelector（'.appKlass'）

会更干净。这将返回单个DOM元素或null。如果页面中有多个

.appKlass

，它将返回第一个。

是，它可以工作。我认为React可以将一个组件呈现为多个html元素，比如使用相同的类名

appKlass

。要学的东西很多。谢谢，它起作用了。我认为React可以将一个组件呈现为多个html元素，比如使用相同的类名

appKlass

。要学的东西很多。谢谢