TIL054 React에서 Redirect하는 법

유저가 /만 도메인에 입력해도 /home으로 이동하는 코드를 짜고 싶을때 Redirect를 import하고 아래와 같이 코드를 작성하면 된다. exact를 입력하지 않으면 어느 도메인에 가도 home으로 리다이렉트되는 현상이 발생하기 때문에 exact를 꼭 써줘야한다!

import {
  BrowserRouter as Router,
  Switch,
  Route,
  Redirect
} from "react-router-dom";
import home from "./Home";
import service from "./Service";
import header from "./Header";
function App () {
    return (
      <div>
        <Router>
        <Header />
        <hr />
          <Switch>
            <Redirect exact from="/" to="/home" />
              <Route path="/home">
                <Home />
              </Route>
              <Route exact path="/service">
                <Service />
              </Route>
            </Switch>
          </Router>
        </div>
      );
    }
export default App;