JSFiddle - React, Tailwind, and code Playground

by dshilkret

JavaScript

let data = {
  "d": {
    "results": [
      {
        "__metadata": {
          "id": "ca013646-9846-443f-8f68-6a93ad4caa3f",
          "uri": "https://dtecho365.sharepoint.com/sites/ServiceNowDev1/_api/Web/Lists(guid'8ff1da2f-0d77-4507-99da-e7681a013119')/Items(3731)",
          "etag": "\"11\"",
          "type": "SP.Data.Dev1Lib3Item"
        },
        "FirstUniqueAncestorSecurableObject": {
          "__deferred": {
            "uri": "https://dtecho365.sharepoint.com/sites/ServiceNowDev1/_api/Web/Lists(guid'8ff1da2f-0d77-4507-99da-e7681a013119')/Items(3731)/FirstUniqueAncestorSecurableObject"
          }
        },
        "RoleAssignments": {
          "__deferred": {
            "uri": "https://dtecho365.sharepoint.com/sites/ServiceNowDev1/_api/Web/Lists(guid'8ff1da2f-0d77-4507-99da-e7681a013119')/Items(3731)/RoleAssignments"
          }
        },
        "AttachmentFiles": {
          "__deferred": {
            "uri": "https://dtecho365.sharepoint.com/sites/ServiceNowDev1/_api/Web/Lists(guid'8ff1da2f-0d77-4507-99da-e7681a013119')/Items(3731)/AttachmentFiles"
          }
        },
        "ContentType": {
          "__deferred": {
            "uri": "https://dtecho365.sharepoint.com/sites/ServiceNowDev1/_api/Web/Lists(guid'8ff1da2f-0d77-4507-99da-e7681a013119')/Items(3731)/ContentType"
          }
        },
        "GetDlpPolicyTip": {
          "__deferred": {
            "uri": "https://dtecho365.sharepoint.com/sites/ServiceNowDev1/_api/Web/Lists(guid'8ff1da2f-0d77-4507-99da-e7681a013119')/Items(3731)/GetDlpPolicyTip"
          }
        },
        "FieldValuesAsHtml": {
          "__deferred": {
            "uri": "https://dtecho365.sharepoint.com/sites/ServiceNowDev1/_api/Web/Lists(guid'8ff1da2f-0d77-4507-99da-e7681a013119')/Items(3731)/FieldValuesAsHtml"
          }
        },
        "FieldValuesAsText": {
          "__metadata": {
            "id":...