小编vin*_*ngh的帖子

如何在 tailwindcss 中使用模板文字来动态更改类?

我尝试用这行代码更改它,但它不起作用

const [click, setClick] = useState(false);

const closeNav = () => {
  setClick(!click);
};

const openNav = () => {
  setClick(!click);
};

<div
  className=" absolute inset-0 ${click ? translate-x-0 : -translate-x-full } 
        transform  z-400 h-screen w-1/4 bg-blue-300 "
>
  <XIcon onClick={closeNav} className=" absolute h-8 w-8 right-0 " />
</div>;
Run Code Online (Sandbox Code Playgroud)

css templates reactjs next.js tailwind-css

28
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

next.js ×1

reactjs ×1

tailwind-css ×1

templates ×1