reactjs - React Router 不会在单击链接时更新视图，但在刷新后会更新

Question

在我使用 Link 之前，一切都很好。它可以通过 url 手动访问，但是通过 links 访问时，它会更新 url 但不会更新视图。

import React, { Component } from 'react';
import {BrowserRouter as Router} from 'react-router-dom';
import "bootstrap/dist/css/bootstrap.min.css";
import {Link} from 'react-router-dom';
import logo from '../logo.png';
import { withRouter } from 'react-router-dom';


export default class Navbar extends Component {
render() {
    return (
        <nav className="navbar navbar-expand-sm navbar-light px-sm-5">
           <Router>
            <Link exact to="/">
<img src={logo} alt="store" className="navbar-brand"/>```Links```
            </Link>
            </Router>
            <ul className="navbar-nav ml-auto">
                <li className="nav-item ml-5">
                   <Router> <Link exact to="/" className="nav-link">
                        Templates
                    </Link></Router>   
                </li>
            </ul>
            <Router> <Link to="/Cart" className="nav-link">
                        <i class="fas fa-cart-plus">Checkout</i>
                    </Link></Router>
        </nav>
      )
   }
 }

标签： reactjsreact-router