它在 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)