关于前端:react-入门坑之StrictMode

8次阅读

共计 542 个字符,预计需要花费 2 分钟才能阅读完成。

废话不多说,间接进入正题
react 应用版本号 16.13.1 或 16.13.0,当咱们对组件应用 StrictMode 严格模式时,会默认双调用 constructor、render、setState、static getDerivedStateFromProps 等办法;这些可在官网文档中查阅到

目标是什么我这里就不多说了,请自行返回官网文档查阅

这里要特地提到的就是,react17 如同在对组件应用 StrictMode 严格模式时不会再双调用该些办法(集体替换过版本号测试过),不过官网文档中还没有阐明这点(吐槽下 react 的文档没有 vue 文档那么齐全和敌对的浏览体验)。

这里再提一个对于 next.js 的问题,目前稍未明确是为什么

next.js 版本号 10.0.0,react 版本号 16.13.1;当我的浏览器 url 上没有任何参数时如:http://localhost:3000,组件的生命周期执行程序是失常的,但当我的浏览器 url 上携带了参数时如:http://localhost:3000?userId=12580 则会呈现执行完一遍挂载生命周期办法后又执行了一遍更新生命周期办法。这与 StrictMode 的双调用又有所不同,next.js 文档中也未提到这一点(又吐槽文档),冀望有人能解答我的困惑

正文完
 0