通知 Redux 存储 React UI 错误

Question

在 Redux/React 应用程序中，我使用生命周期方法 componentDidCatch() 在 React UI 呈现期间捕获和处理错误。有没有办法自动通知 Redux 存储在那里捕获的错误，而不必调度操作？

Answer 1

您肯定需要调度一个动作，但您可以围绕您的顶级组件编写一个错误过滤器。例如，假设您的整个应用程序包含在 <Home> 应用程序标记中。在你的 home 组件中，你可以使用 componentDidCatch 将你的错误发送到 redux 一次，用于整个项目（因为 React 会将异常冒泡到顶层）。您使用componentDidCatch 或错误边界的粒度取决于您，但至少......在顶层使用单个调度的单个处理程序就足够了。