ReactJS中permissionCheck函数无法返回布尔值问题求助

核心问题1：初始状态类型不匹配 #

你初始化permissions为对象{}，但代码里用permissions.length遍历——对象没有length属性，循环直接跳过，函数没有任何返回值，自然拿不到true/false。

核心问题2：循环逻辑错误 #

当前循环只要第一个元素的name不等于目标权限，就立刻返回true，完全忽略后续元素。比如权限数组里有[{name: 'OTHER'}, {name: 'TEST'}]，检查'TEST'时会直接返回true（隐藏组件），这和预期完全相反。

核心问题3：无默认返回值 #

如果permissions为空数组，循环不执行，函数同样没有返回值，导致hidden属性为undefined，可能引发组件渲染异常。

修复后的代码（简洁版） #

// 初始状态改为数组，匹配后续遍历逻辑
const [permissions, setPermissions] = useState([]);

const permissionCheck = (permission) => {
    // 检查是否存在目标权限
    const hasPermission = permissions.some(item => item.name === permission);
    // 存在权限返回false（显示组件），不存在返回true（隐藏组件）
    return !hasPermission;
}

// 使用方式不变
hidden={permissionCheck('TEST')}

传统循环修复版（若偏好原生写法） #

const permissionCheck = (permission) => {
    for (let i = 0; i < permissions.length; i++) {
        if (permissions[i].name === permission) {
            // 找到权限，返回false显示组件
            return false;
        }
    }
    // 遍历完未找到，返回true隐藏组件
    return true;
}

内容的提问来源于stack exchange，提问作者xxx