主要观点：向投资者展示移动应用想法时应用突然崩溃，不知是 venue 网络差、服务下线还是应用本身问题，缺乏日志或警报告知，所以强大的错误处理对现代移动应用很关键。React Native 是构建跨平台原生移动应用的行业标准，但其项目常缺乏处理各种错误场景的明确指南，会导致错误处理过度或不足。本文介绍了三层错误处理机制，包括本地错误处理、组件级错误处理和全局错误处理，并给出了实用指南，还介绍了错误类型（网络错误、组件错误、运行时错误）及相关代码示例。

关键信息：

• 错误类型：网络错误（如旅行时失去信号或 WIFI 断开）、组件错误（如错误实现 React 生命周期钩子等）、运行时错误（如访问 null 或 undefined 值等）。

• 三层错误处理：

  • 本地错误处理：通过 try-catch、React query 错误处理、表单验证等方式在特定函数或代码块内捕获和处理错误。
  • 组件级错误处理：Error Boundary 捕获组件树中未被本地错误处理捕获的错误，包括无限渲染等情况。
  • 全局错误处理：是最后的安全措施，可捕获本地和组件层未处理的错误，包括集中 API 错误处理等，通过创建全局错误处理组件和 Axios Interceptor 实现。
• 结论：了解 React Native 应用可能遇到的不同错误及分层处理方法可构建可靠的移动应用，可深入探索 Sentry 和 Firebase Crashlytics 等错误日志服务。

重要细节：

• 本地错误处理中 try-catch 用于异步操作，React query 可增强异步操作的错误处理并重试失败操作。
• 组件级错误处理中创建 Error Boundary 组件并将应用包裹其中。
• 全局错误处理中创建 GlobalErrorHandler 组件并在主应用组件中初始化，Axios Interceptor 作为集中 API 错误处理。