问H5p-与ReactJS独立？

EN

import { useEffect } from "react";
import "./App.css";
import { H5P } from "h5p-standalone";

function App() {
  useEffect(() => {
    const el = document.getElementById("h5p-container");

    const options = {
      h5pJsonPath: "h5p-folder",
      frameJs: "h5p-assets/frame.bundle.js",
      frameCss: "h5p-assets/styles/h5p.css",
    };

    const h5p = new H5P(el, options);

    h5p.then((res) => console.log(res)).catch((e) => console.log("Err: ", e));
  }, []);

  return <div id="h5p-container"></div>;
}

export default App;