如何访问功能性React组件中CSS模块设置的哈希类名?

问题描述 投票:0回答:2

我有一个类名“ nav”,我不能使用querySelector来定位它,因为CSS模块将类名散列为nav-xyzxyz之类的东西。为了使事情更复杂一些,我需要检查元素上是否存在类为“ nav”的类,但是“ is-open”和“ nav”都被散列了。

if (nav.classList.contains("is-open"))
javascript reactjs
2个回答
0
投票

根据您的信息,我假设您的组件代码看起来像这样:

<div class={classes.is-open}></div>

但作为替代,您可以执行以下操作:

<div className={`${classes.App} is-open`}>

但是,听起来您正在尝试通过状态来实现某些事情。我会先调查一下。


0
投票

我建议您使用className代替classList并包含方法:

if (nav.className.includes("is-open"))
© www.soinside.com 2019 - 2024. All rights reserved.