[error] Attempted import error: 'Switch' is not exported from 'react-router-dom'

GY·2021년 11월 11일
0

error report

목록 보기
3/22
post-thumbnail

원래는 Switch를 사용해 이렇게 작성했었지만, Switch가 export되지 않아 사용할 수 없었기 때문에

import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";


        <Switch>
              <Route path="/home" component={Home} />
            </Switch>
            
            

Switch 대신 Routes를 사용해 감싸주었다. 대신 component가 아닌 element를, {Home} 이 아닌 {<Home/>}과 같은 방식으로 표기해주어야 한다.


import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";


         <Routes>
              <Route path="/home" element={ <Home />} />
            </Routes>

Reference

profile
Why?에서 시작해 How를 찾는 과정을 좋아합니다. 그 고민과 성장의 과정을 꾸준히 기록하고자 합니다.

0개의 댓글