Reactjs 如何在querySelector中使用反应状态

而不是这样做：

document.querySelector（“.class1”）.addEventListener（'wheel'，this.doSomething）

我想这样做：

document.querySelector（this.state.currentClass）.addEventListener（'wheel'，this.doSomething）

可能吗？我能想到的另一个解决方法是：

let temp = "." + this.state.currentClass;
document.querySelector(temp).addEventListener('wheel', this.doSomething);

---

有没有一种标准的或更理想的方法可以做到这一点？

您可以使用字符串插值，只需执行以下操作：

document.querySelector(`.${this.state.currentClass}`)

字符串插值的工作原理如下：

let temp = "." + this.state.currentClass;
document.querySelector(temp).addEventListener('wheel', this.doSomething);

字符串中的任何内容都被解释为字符串，

${}

中的任何内容都被读取为javascript并转换为字符串

const hello='再见'

e、 g.

hello{hello}

//返回

hellogoodbay

---

我建议您按照我所展示的方式进行操作，只要在

state

中更新类名，就可以在任何时候添加内容，如果我必须向其添加内容，该怎么办？实际上我的类名是数字的，所以我需要在它后面附加一个字符串。如从

0

我想为

querySelector（）

@AkhileshSingla创建

.0class

，我已更新，如果您仍然需要帮助，请告诉我