如何在样式化组件中触发CSS动画?

可以使用道具更改样式,例如:

const MyComp = styled.div`
  transition: width 2s;
  width: ${props => props.animate ? "20px" : "10px"};
`

然后可以在使用组件触发动画时传递道具:

<MyComp animate={booleanFlag} />

在这种情况下,您可以切换 使有生气 根据需要在正确和错误之间进行支撑。可能使用父组件的状态。