react的严格模式 和 解决react useEffect执行两次

前言

能发现这个问题的👨‍🎓，一定是一名细心并且有一颗求知的❤️。
因为我当时接触React的时候就是这样的想法。为什么会触发两次？按照正常的声明周期应该执行一次的！！！！！

一、为什么useEffect执行两次

1.React的严格模式（模版创建项目👇）

npx create-react-app my-app 创建React项目
npx create-react-app my-app --template typescript 
创建typeScript模版的React项目

2.React的严格模式（StrictMode包裹显渲染组件）

root.render(
  //就是下面的代码 React.StrictMode
  <React.StrictMode