JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<div id="response">
Response
</div><br>
<div id="response2">

</div>
<input type="button" id="button" value="Get" />
<input type="button" id="clear" value="Clear" />

JavaScript

var mergedList = _.map(a1, function(item){
    return _.extend(item, _.findWhere(a2, { id: item.id }));
});

var jsonSP = {
    "@odata.context": "https://graph.microsoft.com/v1.0/$metadata#sites('root')/lists('6e1d9371-024c-4d61-a645-96402b3d125b')/columns",
    "value": [
        {
            "columnGroup": "Custom Columns",
            "description": "",
            "displayName": "Name",
            "enforceUniqueValues": false,
            "hidden": false,
            "id": "8553196d-ec8d-4564-9861-3dbe931050c8",
            "indexed": false,
            "name": "FileLeafRef",
            "readOnly": false,
            "required": true
        },
        {
            "columnGroup": "Custom Columns",
            "description": "",
            "displayName": "Compliance Asset Id",
            "enforceUniqueValues": false,
            "hidden": false,
            "id": "3a6b296c-3f50-445c-a13f-9c679ea9dda3",
           "indexed": false,
            "name": "ComplianceAssetId",
            "readOnly": true,
            "required": false,
            "text": {
                "allowMultipleLines": false,
                "appendChangesToExistingText": false,
                "linesForEditing": 0,
                "maxLength": 255
            }
        },
        {
            "columnGroup": "Custom Columns",
            "description": "",
            "displayName": "Title",
            "enforceUniqueValues": false,
            "hidden": false,
            "id": "fa564e0f-0c70-4ab9-b863-0177e6ddd247",
            "indexed": false,
            "name": "Title",
            "readOnly": false,
            "required": false,
            "text": {
                "allowMultipleLines": false,
                "appendChangesToExistingText": false,
                "linesForEditing": 0,
                "maxLength": 255
            }
        },
        {
            "columnGroup": "_Hidden",
            "description": "",
            "displayName": "MediaServiceLocation",
    ...