JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dir"></div>

JavaScript

$(document).ready(function(){
    
   var listP ={"PEOPLE": [
		   {  "name": "Joe",  "age": "1" },
           {  "name": "Jim",  "age": "2"  },
           {  "name": "Jessica",  "age": "3"}
		   ]};

   
      for(var j in listP.PEOPLE) { 
         $("#dir").append( "<div class=\"whoWrap\">"+listP.PEOPLE[j].name + " " + j +"</div>" );
        
         
    }
    
    
    });