Routes, Route 사용시 배열로 관리하기

재귀함수를 사용하여 배열로 부터 Route를 생성하자. <BrowserRouter>는 <Route>로 정의하며 부모와 자식간의 관계로 나타냅니다. 하지만, Array등으로 정의해서 관리하지않으면 복잡하고 보기 어려운 코드로 변질됩니다. 나쁜예) App.jsx <BrowserRouter> <Routes> <Route key={'/'} path={'/'} element={<HomePage />}> {/*자식 Route 정의 */} <Route key={'child'} path={'/child'} element={<ChildPage />} /> </Route> <Route key={'first'} path={'/first'} element={<FirstPage />} /> <Route key={'1'} path={'/second'} element={<SecondPage />} /> <Route key={'2'} path={'/third'} element={<ThirdPage />}> <R...

원문링크 : Routes, Route 사용시 배열로 관리하기