带有反应的顺风高度过渡

Question

我正在为我的项目使用 react 和 tailwind。这两个都是最新版本。 当元素的高度像这样变化时，我想进行 500 毫秒的过渡：

className={`${simpleState ? "h-5" : "h-10"} transition duration-500 ease-in-out`}

我尝试了任何解决方案，甚至那些在 Stack-overflow 中的解决方案。他们都没有工作。

更新：我不想使用悬停。

更新：找到解决方案。上面的代码是完全正确的，但你应该将此配置添加到 tailwind.config.js 中：

theme: {
    extend: {
      transitionProperty: {
        'height': 'height'
      }
    }
  }