react - 组件执行两次 问题

前言

初步接触react，用官方的脚手架搭建了一个项目。
在搭建路由守卫的时候，用 console 调试的时候，发现会打印两次，也就是说组件也执行了两次。
去网上查了查资料发现是 <StrictMode> 惹的祸，官方的解释是更好的帮助开发发现bug。

解决方案

找到src文件夹下的 index.tsx 文件

// 找到一下文件
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

// 修改为
root.render(<App />);