JSFiddle - React, Tailwind, and code Playground

HTML

<html>
   <head>
   </head>
   <body>
      <div class="wrapper">
         <div class="profile">
            <table id= "userdata" border="2">
               <thead>
                  <th>Organization</th>
                  <th>URL</th>
                  <th>Account</th>
                  <th>Created</th>
               </thead>
               <tbody>
               </tbody>
            </table>
         </div>
      </div>
            <script>
         (function() {
         
         var table = document.getElementById("userdata"); 
         
         var people = [];
         
         fetch('https://jsonplaceholder.typicode.com/posts')
                    .then(data => data.json())
                    .then(json => json.map(f=>{
                    var tblRow = "<tr>" + "<td>" + f.userId + "</td>" +
                "<td>" + f.id + "</td>" + "<td>" + f.title + "</td>" + "<td>" +       f.body + "</td>" + "</tr>"
                table.innerHTML += tblRow;
                    
                    
                    }))
                    })();
         </script>
   </body>
</html>