웹 개발/React
[React] Route - Redirect
헤일리_HJ
2022. 10. 4. 10:49
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
Redirect는 react-router-dom에서 import해서 사용 합니다.Redirect 컴포넌트는 랜더링되면 to로 지정된 경로로 이동 합니다.App.jsRoute컴포넌트에서는 component 속성 말고도 render 속성을 사용해서 페이지 이동
velog.io