Rendering nested/threaded comments in React

Question

Given the below array, I\'d like to render comments in a threaded manner by making use of parentId.

comments: [
    {
      id: 1,
            


        

Answer 1

in case you need an example that needs to go unknown levels deep i solved with this

function Comment({text, author}){
  return 
{author}: {text}
}

CommentTree(comments) {

  let items = comments.map((comment) => {
    return (
      

        
        {comment.children && CommentTree(comment.children)}
      
    )
  })

  return items
}