在带有@ emotion / core的样式化组件中使用过渡

Question

我正在尝试实现到单击按钮时的短暂过渡。 设置[ 'Thu, 21 May 2020', 'Fri, 22 May 2020', 'Sat, 23 May 2020', 'Sun, 24 May 2020', 'Mon, 25 May 2020', 'Tue, 26 May 2020', 'Wed, 27 May 2020', 'Thu, 28 May 2020', 'Fri, 29 May 2020', 'Sat, 30 May 2020', 'Sun, 31 May 2020', 'Mon, 01 Jun 2020', 'Tue, 02 Jun 2020', 'Wed, 03 Jun 2020' ] 属性的机制运行良好。 我的问题是它不会动画，而只能立即翻转内容。 期望它应该创建一个额外的类，但是它只是使用不同的类来呈现组件。

我尝试过：

isOpen

还有：

const StyledButton = styled(Button)`
    transition: transform 0.25s linear;
    transform: rotate(0deg);
    ${({ isOpen }) => isOpen && css`transform: rotate(180deg)` }
  `;

我在做什么错了？

谢谢