Javascript 将组件附加到元素div或ReactJs中的任何现有组件

如何将span（任何元素）附加到React中的div（或任何元素）？？ （在不重写的情况下在内部添加元素）

//-----------------------------------------------------------
//例如，我们有一个组件，它呈现
//-----------------------------------------------------------
类MySpan扩展了React.Component{
render（）{
返回(
我的额外跨度
);
}
}

//------------------------
//在jQuery中，我们可以这样做来附加一个元素
//------------------------
让html='我的添加范围'；
$（'#myDiv'）.append（html）；

---

ReactJS中的等价物是什么？

您可以通过id获取div元素并安装span组件

类MySpan扩展了React.Component{
render（）{
返回(
我的额外跨度
);
}
}
ReactDOM.render（，document.getElementById（'myDiv'））只需将组件包含在父级中即可<代码>父级因为React仍然是JavaScript，所以您仍然可以使用简单的JS来执行此操作。这很讨厌，但很有效：document.getElementById（“mySpan”）.appendChild（myHtml）。否则，您应该考虑条件渲染。
//-----------------------------------------------------------
// For example we have a component which renders a <span>
//-----------------------------------------------------------
class MySpan extends React.Component {
  render() {
    return (
      <span>My Added span</span>
    );
  }
}

//------------------------
//In jQuery we can do this to append an element
//------------------------

let html = '<span>My Added span</span>';
$('#myDiv').append(html);