react18 useEffect 执行两次

• 最近用React18做了个项目，发现这种情况下的log会执行两次

useEffect(()=>{
  console.log('hi')
},[])

• 查找资料发现：

  
  image.png
• 解决方法：
  1. 取消严格模式
  2. 自定义hooks：

参考：

[https://dev.to/ag-grid/react-18-avoiding-use-effect-getting-called-twice-4i9e](https://dev.to/ag-grid/react-18-avoiding-use-effect-getting-called-twice-4i9e)