progress-bar - 禁用 Material UI 动画

Question

我正在使用 Material-UI的 <LinearProgress variant="determinate" />默认情况下转换 scaleX() 的组件<div> 的属性在另一个里面 <div>每当值更改以可视化当前进度时。它具有缓动效果，使一切看起来都很流畅，这通常非常好，但是出于我的应用程序(音频搜索栏)的目的，我想在值发生变化时完全禁用此动画。

这可能吗？

• 演示:codesandbox

Answer 1

我能够使用 overrides 解决这个问题

bar: {
  transition: 'none'
}
...

...
<LinearProgress variant="determinate" classes={{ bar: classes.bar}} />