두 개의 서로 다른 파일에서 개체 상태에 액세스하고 업데이트하려고 합니다. 각 파일에 대해 로컬 useState를 사용하면 이를 변경할 수 있지만 작동하지 않습니다.

사용자 정의 후크와 로컬 상태를 사용하여 다양한 솔루션을 시도했지만 그 중 어느 것도 내 문제를 해결하지 못했습니다. 이 문제로 약 5시간 동안 갇혀 있었고 정말 미칠 지경이었습니다. 어떤 도움이라도 주시면 감사하겠습니다.

제 생각에 문제는 return 문에서 후크를 호출하려고 하는데, 그것이 렌더링되는 곳이기 때문에 다른 방법이 생각나지 않는다는 것입니다.

information.js:

 useSetHero(hero)}>

hero.js:

export const useSetHero = (newHero) => const UpdateHero = () => const [hero, setHero] = useState(newHero); setHero(newHero); }; { UpdateHero }를 반환합니다. }

현재 받고 있는 오류 메시지는 다음과 같습니다. 콜백 함수에서는 React Hook "useHero"를 호출할 수 없습니다. React Hooks는 React 함수 구성요소 또는 사용자 정의 React Hook 함수에서 호출되어야 합니다