如何在Material-UI ToggleButtonGroup中修复如此长的延迟？
如何在Material-UI ToggleButtonGroup中修复如此长的延迟？
提问于 2021-01-23 11:17:17
我正在将一个应用程序从React-Bootstrap迁移到Material-UI。大部分都是积极的体验，但我的切换按钮组非常慢。就像响应点击的3+秒数。我以为如果我把它减到最小，问题就会消失，但它没有。(它确实有所改善；我认为之前的延迟是5-7秒。) Here is the sandbox。
它显示两个切换按钮，“静音”和“开”。如果您单击一个按钮，事件处理程序将花费3+秒将调用记录到控制台上。虽然在某些情况下，其中一个按钮在您单击它时会立即更改状态，而另一个按钮会在更改状态之前延迟，但大多数情况下，视觉上更改状态需要花费这么多时间。即使在这种情况下，控制台日志也会延迟，并且更改回另一个按钮也会延迟。
下面是组件的JSX：
<ToggleButtonGroup value={toggle} onChange={onMicToggle} exclusive>
<ToggleButton value="mute">mute</ToggleButton>
<ToggleButton value="on">on</ToggleButton>
</ToggleButtonGroup>下面是调用代码：
<MicControl
toggle={toggle}
onMicToggle={(e, v) => {
setToggle(v);
console.log("onMicToggle:", e, "Value:", v);
}}
/>非常感谢任何修复或变通方法！
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-01-23 12:51:50
只需从onChange回调函数中删除console.log("onMicToggle:", e, "Value:", v);
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65855382
复制相关文章
相似问题
腾讯云开发者
