Reactjs 带有样式标记的条件在React中不起作用

条件不起作用，因为我这样使用它

var uls = document.querySelectorAll('.menu ul')

function clickEvent(params) {
    var visable = "";
            for (var i = 0; i < menubars.length; i++) {
                menubars[i].addEventListener('click', () => {
                    for (var j = 0; j < menu.length; j++) {
                        visable = uls[j].visibility;
                        if ((visable === "visible") || (visable === "")) {
                            closeMenu();
                        } else {
                            openMenu();
                        }
                    }
                }, false);
            }
}

var-uls=document.queryselectoral（'.menu-ul'））
函数clickEvent（参数）{
var visable=“”；
对于（变量i=0；i{
对于（var j=0；j

像这样的警告

var uls = document.querySelectorAll('.menu ul')

function clickEvent(params) {
    var visable = "";
            for (var i = 0; i < menubars.length; i++) {
                menubars[i].addEventListener('click', () => {
                    for (var j = 0; j < menu.length; j++) {
                        visable = uls[j].visibility;
                        if ((visable === "visible") || (visable === "")) {
                            closeMenu();
                        } else {
                            openMenu();
                        }
                    }
                }, false);
            }
}

第33:55行：循环中声明的函数包含对变量“visable”、“visable”、“visable”的不安全引用无循环func

它在html上工作。但我继续，点击事件未激活。所以我认为使用样式作为条件。我发现使用类标记。但我如何利用它

---

谢谢。

警告被提出，因为您在使用它的闭包之外声明

可见。尝试以以下方式移动
addEventListener
函数中的
visable
声明：

function clickEvent(params) {
            for (var i = 0; i < menubars.length; i++) {
                menubars[i].addEventListener('click', () => {
                    for (var j = 0; j < menu.length; j++) {
                        var visable = uls[j].visibility;
                        if ((visable === "visible") || (visable === "")) {
                            closeMenu();
                        } else {
                            openMenu();
                        }
                    }
                }, false);
            }
}

功能点击事件（参数）{
对于（变量i=0；i{
对于（var j=0；j

这应该能解决你的问题