JSFiddle - React, Tailwind, and code Playground

HTML

<div class="well" style="max-height: 700px;overflow: auto;">
      <ul class="list-group" id="e_listaServicios"></ul>                                                                
</div>

JavaScript

data = [{"color":"#03030","active":"1","ABC":01010},{"color":"#FFFFFF","active":"0","TDA":101010100},{"color":"#ABCAS","active":"1","JKE":0110101}];

$.each(data, function(i, item) {
         console.log(data[i].color);
         if (data[i].active == 1){
     		$( "#e_listaServicios" ).append( '<input type="checkbox" name="ABC" value="ABC" checked>Activo' );
        }
        else{
        $( "#e_listaServicios" ).append( '<input type="checkbox" name="ABC" value="ABC" >No activo' );
        }
        
			
    });