Switch 관련 질문

[김신재]

이해한대로라면

Switch 를 쓰면 /detail 경로로 들어갔을때 

path="/"경로는 exact옵션을 썻으니 렌더링이 안되고

순서상 ItemDetail 컴포넌트만보이고 아래 <div>id Page</div>엘리먼트는 렌더링이 안되야하는게 맞는거같은데 

ItemDetail , <div>id Page</div>컴포넌트 2개가 렌더링이 됩니다

 

마찬가지로 이해한대로라면 path="/"경로시 exact옵션이 없다면 /detail로 들어갔을때

Switch 순서상 Main컴포넌트만 보이는게 맞는거아닌가요? 그런데

Main, ItemDetail, <div>id Page</div> 3개의 컴포넌트 모두가 렌더링됩니다

 

제가 이해를 잘못한걸까요

버전은 v5입니다

 

[codingapple]

<Switch> 안에 <Route> 말고 다른거 있으면 잘 안됩니다 <Navbar>지워봅시다 

[김신재]

import문을

import {BrowserRouter as Link,Switch,Route} => {BrowserRouter,Link,Switch,Route}로 바꾸니까 정상동작합니다

 

위 2개가 무슨차이가있나요? 공식문서도 좌측으로 설명이되어있어서 저게문제일거라곤 생각도못했습니다,

mdn에는 별칭으로 해당 모듈을 가져온다고 설명이되있는데 시원하게 이해는 안되서요,,

[codingapple]

BrowserRouter as Router, Link, 이런 식으로 되어있을걸요

as는 as 왼쪽 변수를 as 오른쪽으로 바꿔서 가져오겠다는 뜻입니다 

[글쓴이]

글