React:找出一个元素是否在另一个ref容器中

import React, { useRef } from 'react';

function Container() {
  const containerRef = useRef(null);
  const targetRef = useRef(null);

  const handleCheck = () => {
    if (containerRef.current && targetRef.current) {
      const containerElement = containerRef.current;
      const targetElement = targetRef.current;

      // 判断targetElement是否在containerElement内
      const isInsideContainer = containerElement.contains(targetElement);

      // 输出结果
      console.log(isInsideContainer);
    }
  };

  return (
    <div ref={containerRef}>
      <div ref={targetRef}>要查询的元素</div>
      <button onClick={handleCheck}>检查</button>
    </div>
  );
}