Firebase: juntando tabelas

Suponha que os dados sejam assim

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

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

Quero renderizar uma postagem com o nome do 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>

Um item de postagem buscado contém apenas umuid, mas eu preciso do autordisplayName. Como preencho o campo do autor ao recuperar as postagens? Isto é o que eu faço para buscar as postagens agora:

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

questionAnswers(1)

yourAnswerToTheQuestion