刷新后到目标页面的 react-router-dom 链接路由

Question

我正在尝试使用 react-router-dom {Link} 导航到不同的页面...但是当我点击每个链接时，浏览器会停留在当前页面上。我需要刷新网页才能转到目标页面。

索引.js文件中的路由的图像我在课程行中的链接的图像.js

            <td>
                <Link to='/course/2'>
                    {this.props.course.title}
                </Link>
            </td>

如何在不刷新的情况下导航到目标页面

谢谢

Answer 1

在这里您可以看到基本设置

import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
function App() {
  return (
    <Router>
      <Link to="/first">Go first</Link> <Link to="/second">Go second</Link>
      <Route path="/first" exact component={First} />
      <Route path="/second" exact component={Second} />
    </Router>
  );
}
function First() {
  return <div>First</div>;
}
function Second() {
  return <div>Second</div>;
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);