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

Question

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

post 的语法看起来不错：

.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 是全局名称时不使用 $。

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

How to translate this css in withStyle / jss ready syntax

reactjs

material-ui

jss