如何使用Useref/EventTarget根据组件的子节点设置组件的属性？

import React, { useRef, useEffect } from 'react';

const MyComponent = () => {
  const childRef = useRef(null);

  useEffect(() => {
    const handleClick = (event) => {
      // 获取子节点
      const childNode = event.target;

      // 根据子节点设置组件的属性
      // 例如，设置组件的文本内容
      // 注意：这里只是示例，具体的属性设置根据实际需求而定
      if (childNode.textContent === 'Hello') {
        // 设置组件的文本内容为'World'
        // 例如：this.setState({ text: 'World' });
      }
    };

    // 监听父节点的点击事件
    childRef.current.addEventListener('click', handleClick);

    // 在组件卸载时，移除事件监听器
    return () => {
      childRef.current.removeEventListener('click', handleClick);
    };
  }, []);

  return (
    <div ref={childRef}>
      <p>Hello</p>
    </div>
  );
};

export default MyComponent;