Reactjs 通过FirestoreConnect在React Redux Firebase中返回查询
在我的React组件中,我返回一个满足特定条件的查询,但是组件第一次装载时,它会返回数组中的所有数据,然后在几秒钟后返回查询的数据。我怎样才能解决这个问题?下面是返回数据的函数Reactjs 通过FirestoreConnect在React Redux Firebase中返回查询,reactjs,firebase,redux,google-cloud-firestore,Reactjs,Firebase,Redux,Google Cloud Firestore,在我的React组件中,我返回一个满足特定条件的查询,但是组件第一次装载时,它会返回数组中的所有数据,然后在几秒钟后返回查询的数据。我怎样才能解决这个问题?下面是返回数据的函数 function UserProfile(props) { const { auth, profile, blogs, deleteBlog } = props; if (!auth.uid) return <Redirect to="/signin"
function UserProfile(props) {
const { auth, profile, blogs, deleteBlog } = props;
if (!auth.uid) return <Redirect to="/signin" />;
return (
<div className="row">
<div className="col-12 order-2 col-sm-12 order-sm-1 col-md-6 ">
{blogs &&
blogs.map((item) => {
return (
<div className="card mt-4" key={item.id}>
<div style={style}>
<h3 className="card-title ml-3 mt-2 text-info">
{item.title}{" "}
</h3>
<div style={style}>
<span
aria-hidden="true"
onClick={() => deleteBlog(item.id)}
className="mr-3 close mt-2"
>
×
</span>
<span style={{ marginRight: "5px" }}>
<EditBlog item={item} />
</span>
</div>
</div>
<div className="card-body">{item.content}</div>
</div>
);
})}
</div>
<div className="col-12 order-1 col-sm-12 order-sm-2 col-md-4 offset-md-1 mt-4 ">
<Createblog />
</div>
</div>
);
}
export default compose(
connect(mapStateToProps, mapDispatchToProps),
firestoreConnect((props) => {
return [
{
collection: "blogs",
where: ["authorId", "==", props.auth.uid],
orderBy: ["createdAt", "desc"],
},
];
})
)(UserProfile);
功能用户配置文件(道具){
const{auth,profile,blogs,deleteBlog}=props;
如果(!auth.uid)返回;
返回(
{博客&&
blogs.map((项目)=>{
返回(
{item.title}{”“}
deleteBlog(item.id)}
className=“mr-3关闭mt-2”
>
&时代;
{item.content}
);
})}
);
}
导出默认组合(
连接(mapStateToProps、mapDispatchToProps),
firestoreConnect((道具)=>{
返回[
{
收藏:“博客”,
其中:[“authorId”,“==”,props.auth.uid],
订购人:[“创建数据”、“描述”],
},
];
})
)(用户档案);