更改路线时ReactJS重复旧页面内容吗？

Question

美好的一天。我正在用这样的文件夹结构将HTML模板破坏为reactJS项目：

src
|_About page
  |_ about.js
|_Home page
  |_ Home.js
|_Contact page
  |_ contact.js
|_Global used components
  |_ header.js
  |_ nav.js
  |_ footer.js
|_Router Config
  |_redirect-script.js

这是路由器配置文件中的代码。

import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Link } from "react-router-dom";

import About from '../AboutPage/about.js';
import App from '../App.js';
import Contact from '../ContactPage/Contact.js';
class redirectscript extends Component {
    render() {
        return (


            <Router>
            <div>
                {
                <Route exact path="/"   Component={App}/>
                <Route exact path="/about" component={About} />
                <Route exact path="/contact"    component={Contact}/>
            </div>
            </Router>


        );
    }
}

export default redirectscript;

我在Navigation（nav.js）菜单中调用了此路由器配置脚本，但是当我切换到页面有关或联系页面时，该页面的内容是重复的（例如，关于页面只有2个信息块，但它正在查看4个信息块+主页内容）。

如果有任何帮助，我将不胜感激，因为我是ReactJS的新手... 感谢您的阅读。