小编kra*_*ong的帖子

与react-router-dom看似简单的集成却产生了意想不到的结果。当我单击侧边栏中的链接时，链接组件通过生成 url 正常工作，即。localhost:3000/about，但我仍然停留在之前的查看页面。当我单击前进和后退按钮时，路线会呈现正确的组件。

我正在使用 Webpack、Typescript，但认为这些不会影响任何事情。

“反应”：“^16.12.0”，

“反应路由器-dom”：“^5.1.2”

    //App Component
    import * as React from 'react';
    import { BrowserRouter as Router, Link, Route } from 'react-router-dom';

    import Sidebar from './Sidebar';
    import Home from './Home';
    import About from './About';
    import Work from './Work';
    import Contact from './Contact';
    import Skills from './Skills';

    const App: React.FC = () => {
      return (
        <Router>
          <div className="main-container">
            <Sidebar />
            <Route exact path="/"><Home /></Route>
            <Route path="/about"><About /></Route>
            <Route path="/skills" component={Skills}></Route>
            <Route path="/work" component={Work}></Route>
            <Route path="/contact" component={Contact}></Route>
          </div> …