React Native中如何删除Firebase内用户uid相同的文档？

核心逻辑 #

你的现有代码是通过文档ID（doc.id）执行删除，但需求是基于文档内存储的uid字段删除用户。核心思路是：要么通过uid查询到对应文档再删除，要么在获取用户列表时保留uid与文档ID的关联，直接匹配删除。

具体实现步骤 #

1. 完善用户数据获取，保留UID字段 #

在fetchData函数中，从文档数据里提取uid并存入状态数组，为后续删除做关联：

const fetchData = async()=>{
  const unsubscribe = auth.onAuthStateChanged(async (user) => {
    if(user){
      const querySnapshot = await userLists.get();
      const list = querySnapshot.docs.map(doc => {
        // 提取文档中的uid字段
        const {name, phone, email, address, userImg, uid} = doc.data();
        return {
          id: doc.id,
          name,
          email,
          phone,
          address,
          userImg,
          uid // 新增uid字段，关联文档与用户uid
        };
      });
      setUserData(list);
    } else{
      setUserData([]); // 用空数组替代null，避免渲染时的类型判断问题
    }  
  });
  return () => unsubscribe(); 
}

2. 实现按UID删除的函数 #

提供两种可行方案，根据你的业务场景选择：

方案一：直接通过UID查询后删除

如果删除时仅能获取到用户uid，直接查询匹配的文档再执行删除：

const deleteUserByUid = async(uid)=>{
  try {
    // 查询users集合中uid匹配的文档
    const querySnapshot = await db.collection('users').where('uid', '==', uid).get();
    
    if (querySnapshot.empty) {
      Alert.alert('提示', '未找到该用户');
      return;
    }

    // 遍历查询结果（uid唯一，理论上仅一个文档）
    querySnapshot.forEach(async (doc) => {
      await doc.ref.delete();
    });

    Alert.alert('DELETE USER ACCOUNT', 'User Account has been deleted successfully');
    // 删除后更新本地列表，无需重新拉取数据
    setUserData(prev => prev.filter(user => user.uid !== uid));
  } catch (e) {
    console.error('删除失败:', e);
    Alert.alert('错误', '删除用户失败，请重试');
  }
}

方案二：利用本地数据关联UID与文档ID删除

如果用户列表已存储uid和文档ID的对应关系，直接匹配后调用原有删除逻辑：

const deleteUserByUid = (uid)=>{
  const targetUser = userData.find(user => user.uid === uid);
  
  if (!targetUser) {
    Alert.alert('提示', '未找到该用户');
    return;
  }

  // 调用原有按文档ID删除的函数
  deleteUserById(targetUser.id);
  // 更新本地列表
  setUserData(prev => prev.filter(user => user.uid !== uid));
}

3. 优化原有删除函数（可选） #

统一用async/await风格替代then/catch，代码更简洁：

const deleteUserById = async(id)=>{
  try {
    await db.collection('users').doc(id).delete();
    Alert.alert('DELETE USER ACCOUNT', 'User Account has been deleted successfully');
  } catch (e) {
    console.error('删除失败:', e);
    Alert.alert('错误', '删除用户失败，请重试');
  }
}

4. UI层调用删除函数 #

在用户列表项的删除按钮中，传入对应用户的uid即可：

// 示例列表渲染逻辑
userData.map(user => (
  <View key={user.id} style={{padding: 10, borderBottomWidth: 1}}>
    <Text>{user.name} - {user.email}</Text>
    <Button 
      title="删除用户" 
      onPress={() => deleteUserByUid(user.uid)} 
      style={{marginTop: 8}}
    />
  </View>
))

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