React Routes, Route 사용시 배열로 관리하기
재귀함수를 사용하여 배열로 부터 Route를 생성하자. 는 로 정의하며 부모와 자식간의 관계로 나타냅니다. 하지만, Array등으로 정의해서 관리하지않으면 복잡하고 보기 어려운 코드로 변질됩니다. 나쁜예) App.jsx {/*자식 Route 정의 */} ..... 그래서, Data API를 사용하는 Router는 Array로 Route 정의를 관리합니다. 좋은예) routes.js const routes = [ { path: '/', element: , }, { path: '/first', element: , }, { path: '/second', element: , }, { path: '/styled', element: , }, ]; 따라서 아래와 같은 방법으로 를 동적으로 생성하는 방법으로 위와 같이..
React/Router
2023. 1. 20. 17:05