React Strict Mode

Posted kongshu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React Strict Mode相关的知识,希望对你有一定的参考价值。

React StrictMode

触发时机: 开发模式, 并且调用StrictMode

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  //<App />,
  document.getElementById(\'root\')
);

作用

  • 识别不安全的生命周期
  • 关于使用过时字符串 ref API 的警告
  • 关于使用废弃的 findDOMNode 方法的警告
  • 检测意外的副作用
  • 检测过时的 context API

检测意外的副作用

这些方法会被调用两次

  • constructor
  • componentWillReceiveProps
  • componentWillUpdate
  • getDerivedStateFromProps
  • shouldComponentUpdate
  • render
  • setState 更新函数(第一个参数)
  • FunctionalComponent 会被执行两遍

rc-trigger 里面就有个bug
https://github.com/react-component/trigger/issues/264

以上是关于React Strict Mode的主要内容,如果未能解决你的问题,请参考以下文章

javascript strict mode

JavaScript 严格模式(strict mode)

Javascript 严格模式(strict mode)详解

mysql 严格模式 Strict Mode说明

mysql 严格模式 Strict Mode说明

MySQL技巧--SQL MODE(Strict SQL Mode)