小编Vai*_*tri的帖子

对象作为 React 子对象无效(找到:带有键 {username} 的对象)。如果您打算渲染一组子项,请改用数组

它在 id:doc.id 和 post 中拍摄错误:doc.data()
错误:对象作为 React 子对象无效(找到:带有键 {username} 的对象)。如果您打算渲染一组子项,请改用数组。

const [post, setPost] = useState([]);
      useEffect(() => {
        db.collection("posts").onSnapshot(snapshot => {
          setPost(
            snapshot.docs.map(doc => ({
              id: doc.id,
              post: doc.data(),
            }))
          );
        });
      }, []);
 
      return (
    
          {post.map(({ id, post }) => (
            <Post
              key={id}
              username={post.username}
              caption={post.caption}
              imageURL={post.imageURL}
            />
          ))}
      );
Run Code Online (Sandbox Code Playgroud)

firebase reactjs google-cloud-firestore

1
推荐指数
1
解决办法
280
查看次数

标签 统计

firebase ×1

google-cloud-firestore ×1

reactjs ×1