如何在 withStyle / jss ready 语法中翻译这个 css

Question

我正在尝试在 css 中使用 withStyle 使一些元素在 React/material-ui 下闪烁。

这篇文章的语法看起来不错： https://stackoverflow.com/a/48320520/9316077

.blink {
  animation: blinker 1s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

我只是尝试了以下方法：

    '@keyframes blinker': {
      '50%': {
        opacity: 0,
      },
    },

    '& .blink': {
      animation: '$blinker 1s step-start infinite',
    },

基于此问题在blinker 之前添加$： https://github.com/mui-org/material-ui/issues/13793

但这会使我的网页崩溃。任何的想法？谢谢！

Answer 1

关键帧名称是由 since JSS core v10 生成的，因此根据您使用的版本，您需要在引用范围名称时使用 $ 或在 name/id 为全局时不使用。