Sentry.io 并使用 withProfiler HOC 来实现 React 性能...我想我错过了一些东西

Question

因此，我想试用Sentry的withProfiler组件，看看它如何报告组件性能。我以为例

https://docs.sentry.io/platforms/javascript/guides/react/#monitor-性能

唯一的区别是使用redux compose((导出组件。因此，对于Sentry，它看起来像这样：

export default compose(
withStuff,
withMoreStuff,
Sentry.withProfiler,
connect(mapStateToProps)
)(App);

我还试着包装了一个简单的计数器应用程序。只是想看看它是否能在没有冗余的情况下工作。

然后我访问了我的页面，并观看了组件的渲染。我希望在项目性能仪表盘中看到一些东西。我看到了react.mount的时间。但没有react.render或react.update，尽管文档表明应该跟踪它。

https://docs.sentry.io/platforms/javascript/guides/react/components/profiler/

有人知道我做错了什么吗？

谢谢！

Answer 1

Spans数据只有在它们所属的事务完成时才会被跟踪，因此，如果在组件更新时没有正在进行的事务，则不会向Sentry发送任何相关信息。当你"；访问页面"；，Sentry的自动性能跟踪启动一个pageload或navigation事务，然后结束(在您的情况下，我认为这很快就会发生(，除非您以编程方式启动另一个事务，否则不会进行性能跟踪(请参阅Custom Instrumentation for React|Sentry Documentation(。