react中的StrictMode是什么?

React's StrictMode 有点像 辅助组件 <StrictMode /> 基本上会:

• 并在控制台中发出警告。
• 验证不推荐使用的方法是否未被使用,如果使用了,严格模式将在控制台中向您发出警告。
• 通过识别潜在风险,帮助您预防一些副作用。

正如文档所说,严格模式是面向开发的,所以您不必担心它会影响您的生产构建。

严格模式 <严格模式/> 您认为可能是问题根源的组件/代码块。

所以,是的,你在正确的道路上理解严格模式,保持它,我认为这是其中一件事,你更了解当你玩他们,所以继续,并有一些乐趣。

StrictMode 模式不是生产。

例如,如果你使用 getDerivedStateFromProps

   static getDerivedStateFromProps(nextProps, prevState){// it will call twice
        if(prevState.name !== nextProps.name){
            console.log(`PrevState: ${prevState.name} + nextProps: ${nextProps.name}`) 
            return { name: nextProps.name }
        }
        return {}
    }

这个 getDerivedStateFromProps获取状态

只是想让你知道这不是一个问题,这只是因为你在包装你的主要组件 <StrictMode> index.js 文件。

渲染组件两次,以便检测代码中的任何问题并向您发出警告。