React에서 Redirect를 어떻게 처리하나요?

React에서 리다이렉트를 처리하기 위해 react-router-dom 패키지의 useNavigate 훅을 사용할 수 있습니다. useNavigate 훅을 사용하면 브라우저의 URL을 다른 경로로 리다이렉트할 수 있습니다.

Redirect 예시

Redirect를 위해react-router-dom의 useNavigate 훅을 사용할 수 있습니다. 다음은 예시입니다:

import { useNavigate } from 'react-router-dom';

function MyComponent() {
  const navigate = useNavigate();
  const isLoggedIn = true; // 로그인 상태 여부에 따라 리다이렉트 처리

  if (isLoggedIn) {
    navigate('/dashboard');
  }

  return (
    <div>
      {/* ... */}
    </div>
  );
}

위의 예시에서 useNavigate 훅을 사용하여 navigate 함수를 얻어옵니다. isLoggedIn 값이 true인 경우 navigate('/dashboard')를 호출하여 /dashboard 경로로 리다이렉트합니다.

useNavigate 훅은 React Router를 사용하여 리다이렉트를 처리하는 주요 방법입니다.