Javascript 无法将css动画属性添加到组件

Javascript 无法将css动画属性添加到组件,javascript,css,reactjs,css-animations,Javascript,Css,Reactjs,Css Animations,我正在向材质UI组件传递一个函数,该组件应该注入背景动画。由于我能够注入基本的CSS样式,如{backgroundColor:“#3b69f2”},因此三元模式工作正常。如果您能帮我找出关键帧/动画代码的错误,我们将不胜感激 组件 <TableRow style={{ ...styleRowHiglight, ...styleActionable, ...styleRowActionHighlight }}> 当您指向动画名称时。尝试在关键帧名称之前使用$sign,如下面的代码所示

我正在向材质UI组件传递一个函数,该组件应该注入背景动画。由于我能够注入基本的CSS样式,如
{backgroundColor:“#3b69f2”}
,因此三元模式工作正常。如果您能帮我找出关键帧/动画代码的错误,我们将不胜感激

组件

<TableRow style={{ ...styleRowHiglight, ...styleActionable, ...styleRowActionHighlight }}>

当您指向动画名称时。尝试在关键帧名称之前使用$sign,如下面的代码所示

WebkitAnimation: "$bgcolorchange 5s infinite",
MozAnimation: "$bgcolorchange 5s infinite",
OAnimation: "$bgcolorchange 5s infinite",
animation: "$bgcolorchange 5s infinite",
WebkitAnimation: "$bgcolorchange 5s infinite",
MozAnimation: "$bgcolorchange 5s infinite",
OAnimation: "$bgcolorchange 5s infinite",
animation: "$bgcolorchange 5s infinite",