如何将React组件附加到html元素

Question

我尝试添加一个React。Icon也是我的按钮，但它是一个react组件(使用这种语法:)。我现在的问题是，我怎么能把这个确切的图标组件添加到我的按钮元素与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 Component，然后将它附加到任何HTML元素中。