很长时间以来的第一篇文章，所以感觉有点不对劲。长话短说，我有点麻烦。我创建了一个导航菜单弹出窗口，可以根据isActive条件切换类名。在React中工作得很好，但我不知道如何使用classname={styles.selector syntax}在Next.js格式中实现它。如果有人能给我建议，我将不胜感激。这是我的Markup：
classname={styles.selector syntax}
<div className={isActive ? "drop-menu menu-2" : null}> <a>text</a></div>
字符串
s8vozzvw1#
使用clsx库：范例：
import clsx from 'clsx' // ... <div className={clsx(isActive ? "drop-menu menu-2" : null)}> <a>text</a></div> // or <div className={clsx(isActive && "drop-menu menu-2")}> <a>text</a></div>
1条答案
按热度按时间s8vozzvw1#
使用clsx库：
范例：
字符串