JSFiddle - React, Tailwind, and code Playground

JavaScript

var test = '[{ "id": "2", "File_path": "img/gallerij/demo-image.jpg", "uitleg": "Zebra verliest zijn strepen.", "alt": "Stressige zebra" }, { "id": "3", "File_path": "img", "uitleg": "Tomatensoep met balletjes: Nog een keer blazen en ik sla op je bek.", "alt": "Grappige cartoon" }, { "id": "4", "File_path": "img/gallerij/demo-image.jpg", "uitleg": "Brilsmurf met een raar gezicht", "alt": "Brilsmurf" }, { "id": "5", "File_path": "img", "uitleg": "Mooi avondlijk woestijnuitzicht.", "alt": "Woestijnuitzicht" }, { "id": "8", "File_path": "img", "uitleg": "Een mooi blaadje dat door het herfstseizoen van de boom is gevallen en eenzaam op de grond licht. Het is getrokken in de late herfstzon.", "alt": "Herfstblaadje op de grond" }, { "id": "9", "File_path": "img", "uitleg": "Een kleurrijk paneel dat elke mens wel terug wat opfleurd.", "alt": "Een kleurig paneel" }, { "id": "10", "File_path": "img", "uitleg": "Mooie foto van een golf die in de late avond getrokken is. Je ziet de reflectie van de zo in de buiging van de golf.", "alt": "Golf in de avondzon" }, { "id": "12", "File_path": "img", "uitleg": "Mooie auto, het is een dure rode lexus getrokken langs de linker voorkant.", "alt": "Mooie rode lexus" }, { "id": "13", "File_path": "img", "uitleg": "Een uitzicht op een onbewoond eiland zoals je je voorstelt in je verbeelding", "alt": "Een onbewoond eiland" }, { "id": "14", "File_path": "img", "uitleg": "Het huis van de film up in de lucht doormiddel van duizenden ballonen aan de schoorsteen.", "alt": "Huis in de lucht" }, { "id": "15", "File_path": "img", "uitleg": "Een mooie foto van een zwaan.", "alt": "foto van een zwaan" }]';
  
  var objJSON = JSON.parse(test);
            for (var i = 0; i < objJSON.length; i++)
            {
                //alert(objJSON[i].File_path);
            }