探究React-Router的本质

此文章，缘起，点击路由标签时，发现在渲染之前的组件，打印日志没有出来，但组件以及渲染了。

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

function ParamsExample() {
  alert("c")
  return (
    
      

        
Accounts
        

          

            Netflix
          
          

            Zillow Group
          
          

            Yahoo
          
          

            Modus Create
          
        

        
        
        {/*
           It's possible to use regular expressions to control what param values should be matched.
              * "/order/asc"  - matched
              * "/order/desc" - matched
              * "/order/foo"  - not matched
        */}
      
    
  );
}

function Child({ match }) {
  return (
    

      
ID: {match.params.id}
    
  );
}

function ComponentWithRegex({ match }) {
  return (
    

      
Only asc/desc are allowed: {match.params.direction}
    
  );
}

export default ParamsExample;

我认为应该弹窗的。每次点击路由应该重新刷新一遍，结果不是。
我这样的假设是什么？

观察结果（现象）

点击页面上的标签承载的数据时，并没有执行alert函数。ParamsExample组件没有刷新。

研究原先假设

浏览器界面的更改，必定导致虚拟DOM重新建立，必然导致DOM更新，DOM更新，HMTL就会更新。

反思校正假设