使用React严格模式避免过时的代码和副作用
在本文中,我们将研究如何使用React的严格模式来获得有关开发期间过时的API和副作用的额外警告。 严格模式 严格模式是用于突出显示应用程序中潜在问题的工具,它不会呈现任何可见的UI。 它只用于激活对其后代的额外检查和警告。 严格模式不会影响生产环境。 我们可以将严格模式添加到React应用程序,如下所示: class App extends React . Component { render() { return ( < div > < p > foo </ p > < React.StrictMode > < p > bar </ p > </ React.StrictMode > </ div > ); } } 复制代码 在上面的代码中,带有 'foo' 的 p 标签不在严格模式下检查,因为它位于 React.StrictMode 组件的外部,但是内部的 p 元素则由严格模式检查。 识别不安全的生命周期 严格的模式检查不安全的生命周期,一些生命周期方法正在被弃用,因为它们鼓励了不安全的编码实践。 他们是: componentWillMount componentWillReceiveProps componentWillUpdate UNSAFE_ 前缀将在以后的版本中添加。 有2种新的生命周期方法正在替代上述方法。它们是静态的