Suponga que los datos se ven así

post: {
  authorId: '123AA',
  title: 'first Post',
  body: 'yay'
}

author: {
  uid: '123AA',
  displayName: 'Richard'
  email: '[email protected]'
}

Quiero hacer una publicación con el nombre del autor:

<div className="post">
  <div className="title">{post.title}</div>
  <div className="body">{post.body}</div>
  <div className="author-name">{post.author.displayName}</div> //problem
</div>

Un elemento de publicación recuperado solo contiene un autoruid, pero necesito el autordisplayName. ¿Cómo rellenar el campo de autor al recuperar las publicaciones? Esto es lo que hago para buscar las publicaciones en este momento:

const postsRef = firebase.database().ref('posts/')
postsRef.on('value', (snapshot) => {
  this.setState({posts: snapshot.val()})
})