“查看”部分不会在单击导航链接时加载，但是当URL在浏览器上手动更改时，页面加载会根据url进行

Question

我是React JS的新手。因此，对我来说解决这是一个难题。 视图部分不会在单击导航链接时加载，但是当URL在浏览器上手动更改时，页面加载会根据url进行工作

import AboutUs from './AboutUs';
import News from './News';
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link
} from "react-router-dom";

import { createBrowserHistory } from 'history';
const history = createBrowserHistory();

 <Router history={history}>
    <Switch>
     <Route exact path="/" component={News} />
     <Route exact path="/about-us"  component={AboutUs} />
    </Switch>
  </Router>

我已经使用withRouter函数使用不同的代码完成了很多工作，但是我无法解决此问题。

请帮助我。

Answer 1

我已经解决了我的问题。问题出在新闻和AboutUs组件中，我们在路由器内部定义了路由器，因此系统中总共两次调用了同一路由器。因此，我刚刚从新闻和AboutUs组件中删除了与路由器相关的代码。

  

您不能使用以下命令为同一页面定义多个路由器   多次。