Nepodařilo zkompilovat - Pokus o import error: 'Switch', není vyvezeno z 'react-router-dom' [uzavřen]

Question 1

následující je můj App.js soubor, já jsem pracoval na Class-based komponent

import "./App.css";

import React, { Component } from "react";
import NabBar from "./components/NabBar";
import News from "./components/News";
import Spinner from "./components/Spinner";
import { Routes, Route, Router,Switch } from "react-router-dom";

export default class App extends Component {
  render() {
    return (
      <div>
        <Router>
          <NabBar />
          <Switch>
            <Route path="/">
              <News pageSize={3} country={"us"} category={"general"} />
            </Route>
            <Route path="/business">
              <News pageSize={3} country={"us"} category={"business"} />
            </Route>
          </Switch>
        </Router>
      </div>
    );
  }
}

Snažil jsem se hodně věcí, ale nebyl schopen tento problém vyřešit.

Question 2

<Switch> byl nahrazen <Routes> ve verzi 6. Také jsem změnil Router k BrowserRouter a prošel jako součásti elements.

Pokud chcete používat Router můžete to udělat tak, jako je:

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

příklad:

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

export default class App extends Component {
  render() {
    return (
      <div>
        <BrowserRouter>
          <NabBar />
          <Routes>
            <Route path="/" element={<News pageSize={3} country={"us"} category={"general"}} />
            <Route path="/business" element={<News pageSize={3} country={"us"} category={"business"}} />
          </Routes>
        </BrowserRouter>
      </div>
    );
  }
}

Question 3

řešit to buď sledovat Reagovat Router v6 doc react-router-v6 nebo přeinstalovat react-router-dom s předchozí verzí

npm install [email protected]

DᴀʀᴛʜVᴀᴅᴇʀ · Answer 1 · 2021-11-23T13:54:07

<Switch> byl nahrazen <Routes> ve verzi 6. Také jsem změnil Router k BrowserRouter a prošel jako součásti elements.

Pokud chcete používat Router můžete to udělat tak, jako je:

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

příklad:

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

export default class App extends Component {
  render() {
    return (
      <div>
        <BrowserRouter>
          <NabBar />
          <Routes>
            <Route path="/" element={<News pageSize={3} country={"us"} category={"general"}} />
            <Route path="/business" element={<News pageSize={3} country={"us"} category={"business"}} />
          </Routes>
        </BrowserRouter>
      </div>
    );
  }
}

TypeError: Cannot read vlastnosti nedefinované (reading 'cesta') Router E:/packages/react-router/index.tsx:281 278 | } 279 | 280 | nechť { > 281 | pathname = "/", | ^ 282 | search = "", 283 | hash = "", 284 | stát = null,
Také Router by měla být BrowserRouter a myslím, že by jsi měl být kolem součásti, jako element

Sajib · Answer 2 · 2021-11-23T12:40:59

řešit to buď sledovat Reagovat Router v6 doc react-router-v6 nebo přeinstalovat react-router-dom s předchozí verzí

npm install [email protected]

Nepodařilo zkompilovat - Pokus o import error: 'Switch', není vyvezeno z 'react-router-dom' [uzavřen]

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii