중첩 라우트와 라우트 매개변수

목표: 중첩 경로(하위 화면을 렌더링하는 상위 페이지)와 경로 매개변수(/products/42와 같은 URL의 가변 부분)를 이해합니다.

상위 경로(예: /products)는 레이아웃과 출력 영역을 렌더링합니다. 하위 경로(예: /products/:id)는 해당 출력 영역을 특정 콘텐츠로 채웁니다.

경로 매개변수는 URL에서 값을 가져옵니다(예: :id). 구성 요소는 매개변수를 읽어 일치하는 레코드를 가져오거나 표시합니다.

해시 기반 예제입니다. 상위 경로 /products는 목록을 표시하고, 항목을 선택하면 /products/ID로 이동해 하위 화면을 내부에 렌더링합니다.

매개변수 읽기: URL을 분석하거나 라우터 훅을 사용해 id를 가져오고 데이터를 불러옵니다. 링크 만들기: 목록에서 /products/ID와 같은 경로를 만듭니다.

팁:

• 상위 레이아웃은 작게 유지하고, 출력 영역에 하위 콘텐츠를 렌더링합니다.
• 사용하기 전에 매개변수의 유효성을 검사합니다.
• 찾을 수 없는 식별자를 자연스럽게 처리합니다.

복습: 상위 경로는 레이아웃을 제공하고, 하위 경로는 출력 영역에서 렌더링됩니다. 경로 매개변수를 사용해 URL에서 식별자를 가져오고 올바른 레코드를 표시합니다.