JSFiddle - React, Tailwind, and code Playground

HTML

<div class="output">
  
</div>

JavaScript

var x = [
           { "name":[{"value":"John"}] }, 
           { "name":[{"value":"Sam"}] },
           { "name":[{"value":"Michael"}] }
        ];
        
for (var i = 0; i < x.length; i++)
	$(".output").append($("<div/>").text(x[i].name[0].value));