当工具提示出现在滑块手柄上时，在控制台中执行 Javascript 时强制重排

Question

我有一个包含一些元素的网页，并且也Ant.design slider存在。滑块值由 React 状态控制。当滑块工具提示打开时，滑块速度非常慢，在控制台中我看到一条消息[Violation] Forced reflow while executing Javascript took ...。

当滑块工具提示关闭时，滑块速度变为正常。如果我只将鼠标指向滑块手柄（不移动手柄），则消息也会出现在控制台中。

如何使用工具提示修复不良行为？提前致谢！

Answer 1

带有工具提示的滑块是一项标准功能，通常运行良好，因此您的代码中可能存在一些性能问题。

有关如何定位问题的一些有用提示，请参阅Violation Long running JavaScript 任务需要 xx ms的已接受答案。

要获得更详细的帮助，您需要发布代码，最好是作为可执行示例。