JSFiddle - React, Tailwind, and code Playground
by Sayantan Das
JavaScript
var data = [{
"id": 41,
"postId": "3f292ac59fa1ed1d7810146aff23b726",
"parentCommentId": "96906fa9aab5d081bd94fcfab9f62ed4",
"parentCommentUserId": "SMHA1",
"parentCommentBody": "second comment",
"childCommentId": "96906fa9aab5d081bd94fcfab9f62ed4",
"childCommentUserId": "SMHA1",
"childCommentBody": "second comment",
"parentUpdatedOn": "2021-12-06T12:16:33.678+00:00",
"childUpdatedOn": "2021-12-06T12:16:33.678+00:00",
"replies": [{
"id": 42,
"postId": "3f292ac59fa1ed1d7810146aff23b726",
"parentCommentId": "96906fa9aab5d081bd94fcfab9f62ed4",
"parentCommentUserId": "SMHA1",
"parentCommentBody": "second comment",
"childCommentId": "5b92f2e5717b7d764235c15d631161b6",
"childCommentUserId": "SMHA1",
"childCommentBody": "first reply on second comment",
"parentUpdatedOn": "2021-12-06T12:16:33.678+00:00",
"childUpdatedOn": "2021-12-06T12:18:16.065+00:00"
}, {
"id": 43,
"postId": "3f292ac59fa1ed1d7810146aff23b726",
"parentCommentId": "96906fa9aab5d081bd94fcfab9f62ed4",
"parentCommentUserId": "SMHA1",
"parentCommentBody": "second comment",
"childCommentId": "d08cf456bcdf165fabcf91daeecf07bc",
"childCommentUserId": "SMHA1",
"childCommentBody": "second reply on second comment",
"parentUpdatedOn": "2021-12-06T12:16:33.678+00:00",
"childUpdatedOn": "2021-12-06T12:18:42.418+00:00"
}, {
"id": 44,
"postId": "3f292ac59fa1ed1d7810146aff23b726",
"parentCommentId": "96906fa9aab5d081bd94fcfab9f62ed4",
"parentCommentUserId": "SMHA1",
"parentCommentBody": "second comment",
"childCommentId": "ef5dbc40fe2ef7083e6172eb4e3dc21d",
"childCommentUserId": "SMHA1",
"childCommentBody": "third reply on second comment",
"parentUpdatedOn": "2021-12-06T12:16:33.678+00:00",
"childUpdatedOn": "2021-12-06T12:19:18.198+00:00"
}, {
"id": 45,
"postId": "3f292ac59fa1ed1d7810146aff23b726",
"parentCommentId": "96906fa9aab5d081bd94fcfab9f62ed4",
...