[React] 요청 url 변경하기

이재훈·2023년 7월 7일
0

React

목록 보기
27/27

들어오는 요청 url을 내가 원하는 url로 변경해 보았습니다.
간단하게 'react-router-dom'을 사용해 보았습니다.

import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";

// ... 생략
return (
    <SidebarStateContext.Provider value={{ sideBarState }}>
      <SidebarDispatchContext.Provider value={{ setSidebarState }}>
        <BrowserRouter>
          <div className="App">
            <MyHeader />
            <Routes>
              <Route path="/" element={<Navigate to="/network/interface" />} />
              <Route
                path="/network/interface"
                element={<DeviceNetworkInterface />}
              />
            </Routes>
          </div>
        </BrowserRouter>
      </SidebarDispatchContext.Provider>
    </SidebarStateContext.Provider>
  );
}

path / 로 들어오게 되면 Navigate 를 사용하여 /netwrok/interface로 이동시킵니다.
/network/interface에는 생성된 페이지 컴포넌트가 존재합니다.

감사합니다!

profile
부족함을 인정하고 노력하자

0개의 댓글