“switch”没有定义

Question

问题：

‘开关’没有被定义为react/jsx undef。

我试图导入开关模块，但它也不起作用。开关导入语句

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;

Answer 1

使用“路线”而不是“开关”。这将解决这个问题。

Answer 2

react路由器dom包上的新版本不使用“交换机”，而使用“路由”。

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;

Answer 3

试着用这种方式从反应性路由器导入交换机。

import { Route, Switch } from "react-router";

或正确安装react路由器-dom。

npm install --save react-router react-router-dom

这可能解决这个问题。