你会如何在 React 应用中实现错误边界（Error Boundaries）？

How would you implement error boundaries in a React application?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: hard

分类: react-error-handling

标签: react, error-boundary, componentDidCatch, getDerivedStateFromError

参考答案摘要

TL;DR 错误边界用于捕获组件树中的运行时错误。实现方式是创建组件并实现 componentDidCatch 或静态 getDerivedStateFromError ，并包裹目标组件。示例以图片形式给出。 Error boundaries 是 React 提供的用于捕获并处理组件树错误的机制。要实现 error boundary，需要创建一个组件，实现 componentDidCatch 生命...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。