React中Firebase用户数据查询及状态更新问题咨询

一、你的代码问题分析 #

你当前的代码里，userRef已经直接指向了单个用户的节点（比如/users/Arshak Anjum），但where()方法是用来对节点列表做过滤查询的，不能直接用在单个节点上，这就是代码无法正常运行的核心原因。

二、正确的查询实现方式 #

根据你想要的类似SQL逻辑（Select * from users where id='Arshak Anjum' AND status=0），结合你的数据结构，有两种实用的实现方式：

方式1：直接定位用户节点后检查状态 #

因为你的数据结构是用用户名作为节点Key的，所以可以直接定位到目标用户，读取数据后判断状态是否符合要求：

// 获取目标用户的引用
const userRef = database.ref(`/users/${authData.displayName}`);

// 一次性读取用户数据
userRef.once('value')
  .then(snapshot => {
    const userData = snapshot.val();
    // 先判断用户是否存在，再检查status
    if (userData && userData.status === 0) {
      // 状态符合条件，执行页面加载逻辑
      console.log('加载页面内容');
    } else {
      // 状态不符合或用户不存在，执行提示/跳转等逻辑
      console.log('状态不符，无法加载页面');
    }
  })
  .catch(error => {
    console.error('读取用户数据失败：', error);
  });

方式2：用查询语法过滤（适合用户名可能重复的场景） #

如果未来你的业务允许重复用户名，或者想严格用查询逻辑实现，可以这样写：

// 指向整个users节点
const usersRef = database.ref('/users');
// 创建查询：匹配UserName等于目标名称，且只取第一个结果
const userQuery = usersRef.orderByChild('UserName')
  .equalTo(authData.displayName)
  .limitToFirst(1);

userQuery.once('value')
  .then(snapshot => {
    snapshot.forEach(childSnapshot => {
      const userData = childSnapshot.val();
      if (userData.status === 0) {
        // 加载页面逻辑
        console.log('加载页面');
      } else {
        console.log('用户状态不符合要求');
      }
    });
    // 处理用户不存在的情况
    if (!snapshot.exists()) {
      console.log('未找到该用户');
    }
  })
  .catch(error => {
    console.error('查询用户失败：', error);
  });

注意：使用这种查询方式时，需要在Firebase控制台给users节点创建UserName字段的索引，否则查询会报错。

三、完成操作后更新status为1的方法 #

当你需要将用户的status更新为1时，推荐用update()方法（只修改指定字段，不会覆盖其他数据）：

const userRef = database.ref(`/users/${authData.displayName}`);

userRef.update({ status: 1 })
  .then(() => {
    console.log('用户状态已成功更新为1');
  })
  .catch(error => {
    console.error('状态更新失败：', error);
  });

如果一定要用set()方法，需要先读取完整的用户数据再修改，否则会丢失其他字段：

userRef.once('value')
  .then(snapshot => {
    const userData = snapshot.val();
    userData.status = 1;
    return userRef.set(userData);
  })
  .then(() => {
    console.log('状态更新成功');
  })
  .catch(error => {
    console.error('状态更新失败：', error);
  });

额外小提示 #

作为Firebase初学者，建议先吃透实时数据库的节点结构逻辑和安全规则配置，它的NoSQL思路和SQL有很大差异，适配结构后查询会更顺畅~

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