[React] Route - Redirect

 

import { Switch, Route, Redirect } from "react-router-dom";

<Switch>
     <Route path="/bookings" component={Bookings} />
     <Redirect exact from="/" to="/dashboard" />
</Switch>

이렇게 Switch 안에서 Route와 Redirect 를 사용하게 된다.

 

Redirect는 어떻게 활용하나?

 

여기서는 '/' 링크로 왔을때 '/dashboard'로 이동하게끔 했다.

 

다른 예시로는 isLogin = true 일때 '/' 로

isLogin = false 일때 '/login'으로 가게하는 방법도 많이 쓰인다.

 

https://velog.io/@wlsdnjs156/ReactRouter-Redirect

React[Router] - Redirect