react 错误边界 getDerivedStateFromError 捕获子组件的生命周期函数中的错误!


import React, { Component } from "react";
import Child from "./Child";

// 错误边界
export default class Parent extends Component {
  state = {
    hasError: '',  // 固定写法,值为空字符串,不能写别的,不然无法达到效果
  };

  static getDerivedStateFromError(error) {
    console.log(error)
    return {
      hasError: error, // 和state中hasError字段对应
    };
  }

  render() {
    return (
      

我是Parent组件

{this.state.hasError ? 网络不稳定 : }
); } }