JSFiddle - React, Tailwind, and code Playground

HTML

<template id="itTemplate">
    <dl>
        <template>
               <dt></dt><dd></dd>            
        </template>
    </dl>
</template>

JavaScript

actores = [
          {'nombre' : 'Chris O\'Dowd', 'personaje' : 'Roy Trenneman'},
          {'nombre' : 'Richard Ayoade', 'personaje' : 'Maurice Moss'},
          {'nombre' : 'Katherine Parkinson', 'personaje' : 'Jen Barber'}
      ];

  var t = document.querySelector('#itTemplate');
  var t2 = t.content.querySelector('template');
    var dt = t2.content.querySelector('dt');
    var dd = t2.content.querySelector('dd');
    var dl = t.content.querySelector('dl');
    actores.forEach(function(actor) {
        dtClone = dt.cloneNode(true);
        ddClone = dd.cloneNode(true);
        dtClone.textContent = actor.nombre;
        ddClone.textContent = actor.personaje;
        dl.appendChild(dtClone);
        dl.appendChild(ddClone);
    });

  var clone = document.importNode(t.content, true);

  document.body.appendChild(clone);