목록리액트 와일드카드 (1)

sohyeon kim

[React] * 와일드카드 : Route, 잘못된 주소 방지

💡 페이지에 잘못된 주소가 들어왔을 때 = Route 로 설정해 두지 않은 주소가 입력됐을 때를 ! 위해 NotFoundPage 를 설정해두자. * 와일드 카드는 모든걸 포함한다는 뜻 차례대로 Route path 를 비교하다가 일치하는게 없으면 마지막에 있는 * path 의 NotFoundPage 를 렌더링한다! NotFoundPage.jsx 홈으로 돌아갈 수 있도록 버튼에 링크를 걸어뒀다. function NotFoundPage() { return ( 홈으로 가기 ); } http://localhost:3000/hi 잘못된 주소를 입력해보면 ~ 설정해 둔 페이지가 잘 나온다!
React 2024. 3. 7. 02:38
이전 Prev 1 Next 다음