我无法动态地将 CSS 动画分配给样式化组件。我在下面复制了它。

我最初试图将 CSS 动画定义为，

. . .
import styled, { keyframes } from 'styled-components'
. . .

export default function App() {
    . . . .
}


const slideAnimation = keyframes`
    0% {
        transform: translateX(0px);
    }
    100% {
        translateX(-400px);
    }
`;

但这引发了一个错误，这就是为什么我现在用css助手包装动画的原因。

不确定我做错了什么，用这种方式分配动画是不可能的styled-components吗？