禁用 Material UI 的 <LinearProgress /> 动画答案

【问题标题】：Disable Material UI's <LinearProgress /> animation禁用 Material UI 的 <LinearProgress /> 动画
【发布时间】：2019-04-09 12:51:24
【问题描述】：

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

有可能吗？

演示codesandbox

【问题讨论】：

标签： progress-bar transform material-ui

【解决方案1】：

我可以使用overrides解决这个问题

bar: {
  transition: 'none
}
...

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

【讨论】：