問題：
'Switch' 未定義 react/jsx-no-undef。
我試圖匯入 switch 模塊，但它也不起作用。切換匯入陳述句
import { Router, Route, Switch } from 'react-router-dom';
匯入開關不起作用。
import './App.css';
import Checkout from './Checkout';
import Header from './Header';
import Home from './Home';
import { Router, Route } from 'react-router-dom';
function App() {
return (
<Router>
<div className="app">
<Header />
<Switch>
<Route path="/checkout">
<Checkout />
</Route>
<Route path="/">
<Home />
</Route>
</Switch>
</div>
</Router>
);
}
export default App;
uj5u.com熱心網友回復：
嘗試以這種方式從 react-router 匯入交換機
import { Route, Switch } from "react-router";
或者正確安裝 react-router-dom
npm install --save react-router react-router-dom
這可能會解決問題
uj5u.com熱心網友回復：
react router dom包上的新版本不使用'Switch'而是'Routes'
import './App.css';
import Checkout from './Checkout';
import Header from './Header';
import Home from './Home';
import { Router, Route, Routes } from 'react-router-dom';
function App() {
return (
<Router>
<div className="app">
<Header />
<Routes>
<Route path="/checkout">
<Checkout />
</Route>
<Route path="/">
<Home />
</Route>
</Routes>
</div>
</Router>
);
}
export default App;
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/395645.html
標籤：javascript 反应
上一篇：在字串陣列上添加自定義連接
下一篇：為什么在打字稿中點擊只能先點擊