上下文我正在嘗試根據事件 f.g onClick 事件將 React 組件動態添加到 DIV/另一個 React 組件中。我嘗試過并且知道我可以通過JS將任何HTML元素添加到DIV中，只需創建元素并附加到DIV中即可。但我想將 react 組件添加到 DIV 中。問題：當我將 React 組件追加到 DIV 中時，它將添加 [對象對象]，我正在尋找一種方法來呈現和插入 React 組件到 DIV 中。這是代碼沙箱 ： https://codesandbox.io/s/frosty-bouman-f95mx?file=/src/App.js    import React from "react";    import "./styles.css";    import Button from "./Button";    const addToCanvos = () => {      var canvos = document.querySelector(".canvos");      canvos.append(<Button />);    };    export default function App() {      return (        <div className="App">          <Button event={addToCanvos} />          <div className="canvos" />        </div>      );    }