Error: Invariant failed: You should not use outside a

[김홍석]

리액트 라우터처음 강의에서 

<Route path="/"> <div>메인페이지인데요</div></Route>

<Route path="/detail"> <div>상세페이지인데요</div></Route>

이렇게 똑같이 따라했는데 제목과 같은 에러가떠서 구글링해보니까

 

저두태그를  <BrowserRouter> </BrowserRouter>

이걸로 한번에 묶으니까 해결이 됐습니다 혹시 무슨문제인지 저렇게해도 상관없는지 여쭤봅니다

[codingapple]

<BrowserRouter> 태그안에서 <Router>를 쓰셔야합니다 

강의에 아마 index.js에서 <BrowserRouter>로 묶는 부분이 있을겁니다 

[김홍석]

ReactDOM.render(
   <React.StrictMode>
      <BrowserRouter>
         <App />
      </BrowserRouter>
   </React.StrictMode>,
   document.getElementById('root')

 

이미 index.js 에서 묶었는데도 에러가뜹니다

[codingapple]

그렇다면 어쩔 수 없이 index.js 말고 아까처럼 App.js에서 묶도록 합시다 

[김홍석]

-해결-감사합니다

[글쓴이]

글