javascript - React Router 更改地址但不加载第二页

Question

我正在尝试在我的 React 应用程序上加载一个新页面，地址在搜索栏上正确更改但页面未加载。

这里是我的代码:

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import Menu from "./components/Pages/Menu/index";
import { BrowserRouter, Route, Switch } from "react-router-dom";

const rootElement = document.getElementById("root");
ReactDOM.render(
  <BrowserRouter>
    <Switch>
      <Route exact path="/" component={App} />
      <Route path="/Menu" component={Menu} />
    </Switch>
  </BrowserRouter>,
  rootElement
);

Answer 1

您确定您正确更改了页面吗？

许多方法之一:

<button onClick={() => window.location.replace("/Second")}>Change to Second page</button>

应该适合你。