useEffect在依赖项为空数组时也执行两次

1,630 阅读1分钟

展示问题

如题,在自己练习时使用useEffect发现的问题,在网上搜索答案并没有找到对应原因 下面是很简单的例子

企业微信截图_16501750188467.png 企业微信截图_16501750158571.png

App里的return可不用管,这只是一个测试,那些是无关的return (<></>)都一样 很简单就看出这不可能会有有影响到多次执行

原因

详细的见官方文档---严格模式 – React (reactjs.org)

image.png

解决问题

严格模式检查仅在开发模式下运行;它们不会影响生产构建。 所以只需要简单关闭即可 image.png 将严格模式注销就可以