라우터 관련 문제

[김진호]

안녕하세요

 

Cart.js 강의에서 컴포넌트가 붙질않아 게시글 올립니다.

 

확인차 Test.js를 만들어서 그것도 붙는지 보았는데, 붙질않았습니다...

Test.js---------------------------------------------

import React from 'react'

function Test() {
 
return (
<div>
test page
</div>
)
}

export default Test;

---------------------------------------------

App.js 에는 ---------------------------------------------

import Test from './Test.js'

<Switch>

<Route path="/test">
<Test></Test>
</Route>

</Switch>

---------------------------------------------

를 해주었는데 빈페이지로 나옵니다.

 

방법이 잘못되었거나 오류가 있나요??

계속 고민해보다 글올립니다ㅠㅠ

 

[codingapple]

<Route>에 exact도 넣어보고 /test로 접속해봅시다 

[김진호]

주말인데도 답변 감사합니다.

 

보니까 <switch>안에 있을때만 동작하지 않습니다.(switch안에선 exact 넣어도 작동X)

<switch>안에쓸때 주의할점이 있는지 궁금합니다.

[김진호]

<stockContext.Provider>

</stockContext.Provider>

가 <Route> 밖을 감싸게되면 다음 <Route>까지 도달할수 없어 안나온다고 합니다ㅠㅠ

 

기존의<stockContext.Provider><Route></Route></stockContext.Provider>에서

<Route><stockContext.Provider></stockContext.Provider></Route> 형태로 고쳤더니 정상작동합니다.

 

선생님 강의 들으면서 stackoverflow에도 글도올려보고

코드안되는거 몇일동안 고민해보고

성장하고있는걸 느낍니다....

[글쓴이]

글