为什么我在哨兵中收到用户反馈的空白响应？

Question

我正在使用 ReactJS 为 Sentry 设置用户反馈。

我初始化它：

import Raven from 'raven-js';

Raven.config(https://#########@sentry.io/#######, {
  environment: "development",
}).install();

并在ErrorBoundary(https://reactjs.org/docs/error-boundaries.html) 概念中使用componentDidCatch 来显示报告对话框。

componentDidCatch(error, info) {
    this.setState({ hasError: true });
    Raven.captureException(error, { extra: info });
    Raven.showReportDialog();
}

当我提交对话时，网络向我显示一个 POST 请求，其中包含 200 响应和一个确认对话成功。但是，正文是空的，并且在我的哨兵帐户的项目的用户反馈部分中看不到提交的表单。

该行为与此站点上的情况相同：https://wiggly-power.glitch.me/

Answer 1

我认为你应该只调用函数componentDidCatch(..)、setState(..)等来检查这种情况。不要试图在这个函数中做业务流程。

componentDidCatch(error, info) {
    this.setState({ hasError: true });
    Raven.captureException(error, { extra: info });
}

查看this 并尝试在 render() 方法中调用这些函数：

if (this.state.hasError) {
 Raven.showReportDialog();
}