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的主要内容,如果未能解决你的问题,请参考以下文章