我编写了一个 React Web 应用程序，其中一个按钮有一些性能问题。每次我点击它时，页面都会在 1-2 秒内无响应，因为主线程被阻塞了。为了找出可能导致问题的原因，我在 Chrome DevTools 中运行了性能分析（附上下面的屏幕截图）。如果我们查看时间分布，我们可以很快看到该事件几乎花费了系统中的所有时间（子项）。任何想法这可能是什么以及如何优化它？
我编写了一个 React Web 应用程序，其中一个按钮有一些性能问题。每次我点击它时，页面都会在 1-2 秒内无响应，因为主线程被阻塞了。为了找出可能导致问题的原因，我在 Chrome DevTools 中运行了性能分析（附上下面的屏幕截图）。如果我们查看时间分布，我们可以很快看到该事件几乎花费了系统中的所有时间（子项）。任何想法这可能是什么以及如何优化它？