[英]JQuery toggleClass not working in React.js when i try to click on the element
If i try to toggle the class(active) nothing hapens just flashing in the dev tools.如果我尝试切换类(活动),开发工具中不会出现任何闪烁。 Here is the picture.
这是图片。
And here is my code:这是我的代码:
let usercontainer = document.querySelector(".user-container")
let user = document.querySelector(".user")
$(user).on('click', function() {
$(usercontainer).toggleClass(".active")
})
Here is how i render:这是我的渲染方式:
<div className="user">
<img className="upic" src="https://cdn.discordapp.com/avatars/477814830598717441/3d84322f38d500a46e017951569a8c42.webp?size=1024" alt="usericon" />
<a className="uname">F4||1ng</a>
<div className="user-container">
<div className="logout-container">
<div className="logout">Kijelentkezés</div>
</div>
<div className="notes-container">
<div className="notes">Jegyzeteim</div>
</div>
</div>
</div>
Few tips here:这里有一些提示:
$
shortcut instead of document.querySelector$
快捷方式而不是 document.querySelector Something like this:是这样的:
let usercontainer = $(".user-container")
$(".user").on('click', function() {
usercontainer.toggleClass("active")
})
See https://codepen.io/jr-duboc/pen/NWXepRG参见https://codepen.io/jr-duboc/pen/NWXepRG
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.