React的严格模式如何使用，有什么用处？
React的严格模式是一种帮助你发现潜在问题的工具。要启用严格模式，你可以将应用程序或其部分包裹在<React.StrictMode>标签中。这是一个不渲染任何可见UI的组件，只用于检查其子组件中的潜在问题。
import React from 'react';
function ExampleApplication() {
return (
<React.StrictMode>
<div>
{/* Your application code goes here */}
</div>
</React.StrictMode>
);
}
严格模式当前有助于检查以下方面的问题：
- 识别不安全的生命周期方法：如componentWillMount、componentWillReceiveProps和componentWillUpdate。这些生命周期方法在新版本的React中已经被废弃，严格模式会警告你不要使用它们。
-
关于使用过时或未预期的ref用法的警告：例如，确保你没有在函数组件上使用string ref。
-
检测意外的副作用：严格模式会在开发模式下，故意将生命周期方法如render、componentDidUpdate调用两次，以帮助你发现可能的副作用。注意，这只在开发模式下会发生。
-
检测过时的context API：旧的context API在新版本的React中已经被废弃，严格模式会警告你不要使用它。
需要注意的是，严格模式只检查开发环境下的应用程序。在生产环境中，它不会有任何影响，也不会消耗任何额外的资源。