当我移动光标时，如何阻止我的 React JS 网站抖动？

Question

我在 ReactJS 上构建的一个简单的单页视图网站，只要我移动光标，它就会开始抽搐。每次发生这种情况时，浏览器的宽度似乎都在发生变化，右侧会添加几个像素的边距。在开发者工具下，在移动屏幕模式下使用 Chrome 浏览器查看时，似乎不会发生这种情况。这可能意味着它是由于 cursur 与页面交互的结果。有没有人遇到过类似的情况？

Answer 1

当您有一个元素在悬停或 Javascript 事件时更改其宽度、填充、边距或边框时，通常会发生这种情况。这不是由 React 引起的。

请分享一些您认为可能涉及到的 css 或 JS 以提供更多帮助。

Answer 2

我发现了这个错误，一个不断接触浏览器边缘的动画组件是问题所在。我在组件右侧添加了一些边距，然后抽搐停止了。感谢大家的帮助。