使用refs将类添加到父组件的div中/从父组件中删除类

// 子组件
class ChildComponent extends React.Component {
  // 创建一个ref
  childRef = React.createRef();

  // 在子组件的根元素上设置ref
  render() {
    return <div ref={this.childRef}>子组件内容</div>;
  }
}

// 父组件
class ParentComponent extends React.Component {
  // 在父组件中访问子组件的实例，并执行相应操作
  addChildToDiv = () => {
    const childInstance = this.childRef.current;
    // 将子组件添加到父组件的div中
    this.divRef.current.appendChild(childInstance);
  };

  // 创建一个ref
  divRef = React.createRef();

  render() {
    return (
      <div ref={this.divRef}>
        父组件内容
        <button onClick={this.addChildToDiv}>将子组件添加到div中</button>
        <ChildComponent ref={this.childRef} />
      </div>
    );
  }
}