React: How to iterate nested JSON array and render certain elements?

Question

I have this JSON data with messages nested inside a couple of posts, like a forum:

{
"posts": [
  {
    "id": 1,
    "text": &qu