为什么 React-Router 不显示链接？

Question

我第一次尝试React-Router，并尝试编写一些代码，但链接似乎不起作用。这些是我的链接。起初，当我将链接放入应用程序组件中时，链接起作用了。然后我尝试将导航放入它自己的组件中，然后链接不起作用。感谢您的帮助！

import React from "react";

import About from "./About";

import Home from "./Home";

import Navigation from "./Navigation";

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

export default function App() {

  return (

    <Router>

      <div>

        <Navigation />

        <Switch>

          <Route path="/about">

            <About />

          </Route>

          <Route path="/" exact>

            <Home />

          </Route>

        </Switch>

      </div>

    </Router>

  );

}

import React from "react";

import { BrowserRouter as Link } from "react-router-dom";

export default function Navigation() {

  return (

    <nav>

      <ul>

        <li>

          <Link to="/">Home</Link>

        </li>

        <li>

          <Link to="/about">About</Link>

        </li>

      </ul>

    </nav>

  );

}

Answer 1

您正在导入import { BrowserRouter as Link } from "react-router-dom";它应该是import { Link } from "react-router-dom";