如何修复 Material-UI ToggleButtonGroup 中的长时间延迟？

问题描述

我正在将应用程序从 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);
      }}
    />

非常感谢任何修复或解决方法！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

material-ui reactjs reactjs togglebutton