如何在父元素的ref的帮助下找到子元素？

import React, { useRef } from 'react';

function ParentComponent() {
  const childRef = useRef(null);

  const handleClick = () => {
    // 通过ref.current获取父元素的DOM节点
    const parentElement = childRef.current.parentElement;

    // 使用DOM操作方法找到子元素
    const childElement = parentElement.querySelector('.child-element');

    // 对子元素进行操作
    if (childElement) {
      // ...
    }
  };

  return (
    <div ref={childRef}>
      <div className="child-element">子元素</div>
      <button onClick={handleClick}>查找子元素</button>
    </div>
  );
}

export default ParentComponent;