React ----基础知识一

46 阅读1分钟

React的严格模式'Strict Mode'解决什么问题?

严格模式只在开发环境生效,不会影响生产环境的性能和行为。

  • 1、识别不安全的生命周期方法:旧的生命周期方法在某些情况下不安全。 问题:类组件中使用componentWillMount、componentWillReceiveProps等可能导致副作用的生命周期方法 严格模式行为:在开发环境中发出警告,推荐使用getDerivedStateFromProps或componentDidUpdate替代。

  • 2、检测过时的context API

  • 3、遗忘的资源清理 问题:未正确清理副作用(定时器)

错误边界机制(Error Boundaries)

错误边界(Error Boundaries)是React应用中一种捕获其子组件树中JavaScript错误、防止整个应用崩溃的机制.

错误边界的工作机制是:当错误边界内的某个组件抛出错误时,React会将错误上报至最近的错误边界组件的componentDidCatch方法或是getDerivedStateFromError中处理。