React 路由器更改地址但不加载第二页

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>

应该对你有用。