Firestore调用setDoc创建用户文档时字段为空未写入watchList数组

两个问题导致你看不到预期的watchList字段：

• Firestore 默认不会持久化存储空数组、空对象这类无实际内容的空值字段。你传入的watchList: []是空数组，Firestore SDK 发起写入请求时会自动过滤掉这个空字段，后端不会保存该字段，控制台自然不会显示。
• 代码异步执行顺序错误：你在setDoc写入操作还没完成时就调用了navigate("/account")触发路由跳转，单页应用中路由跳转后当前注册组件会被卸载，尚未完成的异步写入请求会被直接中断，即便传入非空值也可能写入失败。

1. 空数组初始值无需强制在文档创建时写入：后续你向watchList添加第一条内容时，Firestore会自动创建该字段。如果业务逻辑要求文档创建时必须存在该字段，可以将初始值设为null，读取数据时做空数组兜底即可；不建议为了让控制台显示字段强行塞入无意义的占位内容，会额外占用存储配额。
2. 调整异步代码执行顺序，等账号创建、状态派发、数据写入所有异步操作全部执行完成后，再触发路由跳转，避免请求被中断。

e.preventDefault();
try {
  const result = await createUserWithEmailAndPassword(
    auth,
    email,
    password
  );
  console.log(result);
  dispatch(
    storeUser({
      email: result.user.email,
    })
  );
  await setDoc(doc(db, "users", result.user.email), {
    watchList: [],
  });
  // 所有操作完成后再跳转
  navigate("/account");
} catch (error) {
  alert(error.message);
}

补充验证：你可以手动在Firestore控制台给任意文档添加空数组字段，刷新页面后会发现字段自动消失，这是Firestore的正常设计，不属于代码bug。业务代码读取数据时加一层兜底逻辑即可：const watchList = userDoc.data()?.watchList ?? []，不会影响正常功能运行。

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