如何在react中创建一个元素并使用它的ref来附加子元素？

import React, { useRef } from 'react';

function MyComponent() {
  const myRef = useRef();

  // ...
}

function MyComponent() {
  const myRef = useRef();

  return (
    <div ref={myRef}>
      {/* 子元素 */}
    </div>
  );
}

function MyComponent() {
  const myRef = useRef();

  const handleClick = () => {
    // 访问和操作元素及其子元素
    console.log(myRef.current); // 输出元素对象
    console.log(myRef.current.childNodes); // 输出子元素列表
  };

  return (
    <div ref={myRef}>
      {/* 子元素 */}
      <button onClick={handleClick}>点击我</button>
    </div>
  );
}