抓住所有帖子后如何获取每个帖子的作者信息?

时间:2017-01-20 21:45:35

标签: javascript reactjs firebase react-native redux

发布帖子或评论时,用户作者只是按ID添加。这样,当用户决定更新他们的头像/名称等时,我不必找到他们曾做过的每一篇文章和评论,并在那里更新。

enter image description here

当我只是抓住帖子并将其作为有效负载传递(没有作者信息)时,它工作正常,没有错误:

export const fetchPostsByNewest = () => {
  return (dispatch) => {
    firebase.database().ref('/social/posts')
      .on('value', snapshot => {
          dispatch({ type: NEW_POSTS_FETCH_SUCCESS, payload: snapshot.val() });
       };
    };
};

我试图获得这样的作者信息,但我无法在一个有效载荷中找到解决方法:

export const fetchPostsByNewest = () => {
  return (dispatch) => {
    firebase.database().ref('/social/posts').on('value', postSnapshot => {
        const posts = postSnapshot.val();

        const postsAsArray = Object.keys(posts).map(postId => posts[postId]);
        postsAsArray.forEach(post => {
            const postWithUser = {};

            Object.keys(post).forEach(key => {
              postWithUser[key] = post[key];
            });

            const userId = post.author;

            firebase.database().ref(`/social/users/${userId}`).once('value', userSnapshot => {
              const profile_info = userSnapshot.val();

              postWithUser.profile_info = profile_info.profile_info;

              console.log(postWithUser);

                dispatch({ type: NEW_POSTS_FETCH_SUCCESS, payload: postWithUser });
            });
        });
      });
  };
};

这些是我从上面得到的控制台日志:

enter image description here

这似乎带来了正确的数据,但我只是得到了这个错误:

enter image description here

你能给我一些建议,这让我发疯了!

谢谢!

1 个答案:

答案 0 :(得分:1)

根据Firebase API once()返回一个Promise,因此您的代码应该看起来或多或少:

firebase.database().ref(`/social/users/${userId}`).once('value').then(userSnapshot => {
  const profile_info = userSnapshot.val();
  postWithUser.profile_info = profile_info.profile_info;

  console.log(postWithUser);

  dispatch({ type: NEW_POSTS_FETCH_SUCCESS, payload: postWithUser });
});

以下是对文档的引用:https://firebase.google.com/docs/reference/node/firebase.database.Reference#once