Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 通过FirestoreConnect在React Redux Firebase中返回查询_Reactjs_Firebase_Redux_Google Cloud Firestore - Fatal编程技术网

Reactjs 通过FirestoreConnect在React Redux Firebase中返回查询

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"

在我的React组件中,我返回一个满足特定条件的查询,但是组件第一次装载时,它会返回数组中的所有数据,然后在几秒钟后返回查询的数据。我怎样才能解决这个问题?下面是返回数据的函数

    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"
                        >
                          &times;
                        </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],
订购人:[“创建数据”、“描述”],
},
];
})
)(用户档案);