为什么我在哨兵中得到空洞的身体反应以征求用户反馈？

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 });
}

查看此内容，然后尝试在render（）方法中调用以下函数：

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