有没有办法禁用 Material UI 扩展面板的动画？

Question

我想在 React 中禁用 Material UI 扩展面板的动画。如何禁用应用于扩展面板的所有动画？

尝试覆盖过渡，但没有帮助。让我知道你将如何覆盖它。

PS：如果这是不可能的，请告诉我任何其他用于样式定制的轻量级扩展面板（手风琴）。

Answer 1

是的。您可以通过操作 TransitionProps 道具来做到这一点，如下所示：

  <ExpansionPanel
    defaultExpanded
    square
    TransitionProps={{
      timeout: 0
    }}
  >

在超时：0道具可以通过观察发现倒塌的API，它是默认TransitionComponent的ExpansionPanel：https://material-ui.com/api/collapse/