解决react执行两遍的问题

解决react执行两遍的问题

原因

• 使用脚手架创建项目后默认会开启严格模式，在严格模式下，React 开发环境下会刻意执行两次渲染，用于突出显示应用程序中潜在问题。

解决

• 将入口js文件（index.js）的<React.StrictMode>删除即可。

  import React from "react"
  import ReactDom from "react-dom"
  import App from "./App"  

  ReactDom.render(
     // <React.StricMode>
        <App />
     // </React.StricMode>
    , 
    document.querySelector('#root')
  )