如何將 React 組件附加到 html 元素

Question

我也嘗試在我的按鈕上添加一個 React.icon，但它是一個反應組件（使用以下語法：）。 我現在的問題是如何使用 DOM 操作將這個確切的圖標組件附加到我的按鈕元素？ 這是我當前的代碼：

        const para = document.createElement("p");
        const node = document.createTextNode("New Button");
        const uList = document.getElementById("uList");
        const btn = <button ><BsIcons.BsClockHistory /></button>
        listEl.appendChild(btn);
        para.appendChild(node);
        listEl.appendChild(para);
        uList.appendChild(listEl);

Answer 1

您可以從 React 代碼構建 Web 組件，然后將其附加到任何 HTML 元素。