使用Modal框架反应useRef钩子

Question

我正在学习使用ReactHooks，并且需要一些有关如何将模式内容分配给myRef htmlDivElement的帮助。

如何将模型的内容分配给ref元素。当我执行它时，它没有任何内容就变成空的。如何将Modal的内容附加到div？

 import React, { FunctionComponent, useRef } from "react";
    import { Modal } from "antd";
    import styles from "./my.module.scss";
    export const myComponent: FunctionComponent= () => {
        const myRef = useRef<HTMLDivElement>(null);
    
            const DivElement = myRef.current
            Display(DivElement);
    return (
        <div ref={myRef} id="graph_div" className={styles.modal}>
        </div>
      );
    };
    const Display = (
        DivElement: HTMLDivElement | null
      ) => {
DivElement.append  // Somehow I need this to append the Model element
      <Modal
        title="Basic Modal"
      >
        <p>Some contents...</p>
        <p>Some contents...</p>
        <p>Some contents...</p>
      </Modal>
    
    };

当渲染id = graph_div时不包含任何内容。它是空的。 非常感谢