React使用useEffect获取Firestore数据时报Cannot read property 'map' of undefined错误

• 你在初始化useState时没有传入初始值，const [users, setUsers] = useState(); 等价于初始值为undefined
• React组件首次渲染时会先执行渲染逻辑，useEffect的回调要等组件挂载完成后才会触发，此时Firestore的异步数据还没返回，users还是undefined，直接调用map方法自然会抛出类型错误。

有两种常用修复方式，推荐同时使用增强稳定性：

1. 给useState设置空数组作为初始值

// 修改前
const [users, setUsers] = useState();
// 修改后
const [users, setUsers] = useState([]);

空数组调用map方法不会报错，首次渲染时会渲染空内容，等数据返回调用setUsers后触发重渲染，就能正常显示列表。

2. 渲染遍历前加可选链判断，避免意外情况

// 修改前
{users.map((user) => (
  <li>{user.email}</li>
))}
// 修改后
{users?.map((user) => (
  <li>{user.email}</li>
))}

可选链?.会在users为undefined/null时直接返回undefined，不会执行后续的map调用，避免报错。

你当前useEffect的依赖项数组为空，但内部用到了result变量，如果result是会变化的外部变量，建议把result加入依赖项数组，避免result更新后监听器还是绑定旧文档的问题：

useEffect(() => {
  // 原有逻辑不变
}, [result]); // 把result加入依赖

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