조건부 Hook 호출 오류

로그인 상태에 따라 Hook을 호출하니 에러가 발생합니다. 버그를 찾으세요:

JSX

function Dashboard({ isLoggedIn }) {
  if (!isLoggedIn) {
    return <p>로그인이 필요합니다</p>;
  }

  const [data, setData] = useState(null);

  useEffect(() => {
    fetchDashboard().then(setData);
  }, []);

  return <div>{data?.title}</div>;
}

답변

옵셔널 체이닝(?.)은 JSX에서 사용할 수 없음 fetchDashboard가 import되지 않았음 isLoggedIn을 props로 받으면 안 됨 Hook(useState, useEffect)이 조건부로 호출되어 Hook 규칙 위반

로그인 후 제출하기