react - Switch

React router - dom 의   Component임 

app.js 파일 상단에 꼭 쓰시오

 

 

 

요로코롬 Route 태그를 앞 뒤로 덮어서 사용하면 된다.

React router는 주소창 입력값이 경로(path) 에 일치하면 그냥 다 출력해 준다고 했슴다.

주소창에 abc.com/main 을 입력했을 때 Switch 태그가 없다면

/main 의 내용과 /:id의 내용을 전부 출력해줄거임.           ※ :id 는 "아무 문자열" 이라는 뜻

 

페이지를 나누려고 Route를 쓰는건데 ... 동시출력을 원하진 않았단 말이쥬.....

 

그래서 사용하는 것이 Switch 입니당

 

이 친구는

Switch 사이에 있는 모든 Route 태그 중에 여러개가 중복해서 일치한다면

최상단 Route태그 하나만 출력해줍니댜잇 !

 

 

 

 

 

끝