如何使用HTML類屬性呈現反應組件？

Question

我試過，但似乎無法正常工作。這可能使用HTML類呈現反應組件嗎？

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

Answer 2

它會更清潔使用document.querySelector('.appKlass')。這將返回單個DOM元素或null。如果頁面中有多個.appKlass，它將返回第一個。