在子级useEffect中的EventListener调用的函数内访问父状态

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

const ParentComponent = () => {
  const [parentState, setParentState] = useState('');

  return (
    <div>
      <ChildComponent parentState={parentState} setParentState={setParentState} />
    </div>
  );
};

const ChildComponent = ({ parentState, setParentState }) => {
  useEffect(() => {
    const eventListenerCallback = () => {
      // 在这里可以访问父组件的状态
      console.log(parentState);
    };

    // 添加事件监听器
    window.addEventListener('eventName', eventListenerCallback);

    return () => {
      // 在组件卸载时移除事件监听器
      window.removeEventListener('eventName', eventListenerCallback);
    };
  }, [parentState]);

  return <div>Child Component</div>;
};

export default ParentComponent;