反应路由器-导航到同一路由会导致重新渲染

Question

嗨，我不确定这是一个期望的行为还是一个bug。

这是一个空的create react应用程序示例，带有react路由器dom

版本：

• 反应：^16.13.1，
• react-dom：^16.13.1，
• react-router-dom：^5.2.0，
• 反应脚本：3.4.1

开关下有两条线路部件：

1. /-对于主部件
2. /触点-用于触点组件

    import React from "react";
    import { Switch, Route, BrowserRouter as Router, Link } from "react-router-dom";
    
    class Home extends React.PureComponent {
      render() {
        console.log("Home rendered");
        return <h1>Homepage</h1>;
      }
    }
    
    //const HomeMemo = React.memo(Home);
    //const Home = () => <h1>Homepage</h1>;
    const Contacts = () => <h1>Contacts</h1>;
    
    const Header = () => {
      console.log("Header Render");
      return (
        <header className="App-header">
          <Link to="/">Home</Link>
          <br />
          <Link to="/contacts">Contacts</Link>
        </header>
      );
    };
    
    function App() {
      console.log("App Render");
      return (
        <div className="App">
          <Router>
            <Header />
            <Switch>
              <Route exact path="/" component={Home} />
              <Route exact path="/contacts" component={Contacts} />
            </Switch>
          </Router>
        </div>
      );
    }
    
    export default App;

这里提供小提琴

多次单击“主页”链接会显示一条主页呈现的消息。

我的假设是，如果我们已经在同一路线上，它不会试图重新渲染？




Answer 1

我在这里筹集了一张相关的Github门票

一位社区成员告诉我这是故意的

做出这一设计决定的原因尚不清楚。