禁用Snackbar动画[Material-ui]

Question

是否可以禁用Snackbar的转换？

TransitionProps（https://reactcommunity.org/react-transition-group/transition#Transition-props）似乎表明，如果我将enter的道具设置为false，它将不会激活，但这似乎不起作用：

<Snackbar
  TransitionProps={{
    enter: false,
  }}
/>

用例：我正在通过SSR渲染Snackbar。我想显示一个禁用javascript的通知，因此在这种情况下，我将通过禁用javascript的SSR渲染Snackbar。添加了DOM，但由于禁用了javascript，因此Snackbar从未启用动画。

有什么办法可以做到这一点？ 谢谢

Answer 1

阅读material / ui的文档只是向我展示了，如果您想通过将属性传递给react类来做到这一点，可以通过将transitionDuration设置为0来实现。

因此您的代码将如下所示：

<Snackbar
  transitionDuration={0}
/>

让我知道这是否对您有用。

Answer 2

即使在禁用javascript的SSR中，以下代码也可以正常使用，完全禁用动画：

<Snackbar
  open
  TransitionProps={{
    appear: false,
  }}
/>

如果您无法使它正常工作，那么以下内容肯定会使其起作用：

<Snackbar
  ContentProps={{
    style: {
      opacity: 1,
      transform: 'none',
    },
  }}
  TransitionProps={{
    appear: false,
  }}
/>