禁用Material UI的<linearprogress>动画

Question

我正在使用Material-UI的<LinearProgress variant="determinate" />组件，默认情况下，只要该值发生变化即可将scaleX()的{​​{1}}属性<div>转换到另一个<div>中当前的进度。这样做的效果是使所有内容看起来都平滑，这通常很不错，但是出于我的应用程序（音频搜寻栏）的目的，我想在值更改时完全禁用此动画。

有可能吗？

演示codesandbox

Answer 1

我能够使用overrides

解决此问题

bar: {
  transition: 'none
}
...

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