react - exact path

 

exact = 정확한

path = 경로

Route 태그 사용할 때 아래 예제 1 에서

 

주소창에 abc.com/             입력하면 -->  " 메인페이지"  출력

주소창에 abc.com/detail  입력하면 --> " 메인페이지" and "디테일페이지" 둘다 출력됩니다

React router는 path(경로) 에 해당하는 값이 입력되면 전부 다 출력하도록 생겨 먹었답니다. 하하

 

예제 1

​​

 

이거이 맘에 안든다 싶으시면 아래 예제 2와 같이

exact path 라고 써주시면 됩니다.

고러면 "정확한 경로에 해당하는 입력이 들어와야만 출력 하겠습니다 " 라는 말이랍니다.

고로 "입력값이 정확히  'abc.com/'  이 아니면 메인페이지는 안보여줄거에요 ~~""  라는 말 

이제

주소창에 abc.com/detail 입력하면 ---> "디테일페이지" 출력

​

예제 2

상황에 따라 exact를 사용하면 될듯 하다는것이 결론.​

 

끝

 

​

뇌에서 생각하는 대로 포스팅 써지면 좋겠다.