脚本宝典收集整理的这篇文章主要介绍了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 (
      <div>
        <h1>我是Parent组件</h1>
        {this.state.hasError ? <span>网络不稳定</span> : <Child />}
      </div>
    );
  }
}

脚本宝典总结

以上是脚本宝典为你收集整理的react 错误边界 getDerivedStateFromError 捕获子组件的生命周期函数中的错误！全部内容，希望文章能够帮你解决react 错误边界 getDerivedStateFromError 捕获子组件的生命周期函数中的错误！所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。