Tengo una matriz principal de opciones y dentro de ella hay una matriz de valores, estoy usando vanilla js y quiero mapear alrededor de la primera matriz ( options ) y luego dentro de ese mapa, quiero mapear alrededor de otra matriz ( values ). Pero esto no funciona, ¿cuál puede ser la solución para esto?
test.innerHTML = match_id.options.map((modalVari, indexVariposition) => { return ` <fieldset class="modal-variant-form"> <legend class="modal-variant-title">${modalVari.name}:</legend>` + modalVari.values.map(varival => (`<li>${varival}</li>`)).join("") `</fieldset> ` });esto funciona como se esperaba, por lo que el problema es otro
const data = [{name: 'one', values: [1, 2, 3]}, {name: 'two', values: [4, 5, 6]}] const test = document.getElementById('test') test.innerHTML = data.map((modalVari, indexVariposition) => { return ` <fieldset class="modal-variant-form"> <legend class="modal-variant-title">${modalVari.name}:</legend> <ul>${modalVari.values.map(varival => (`<li>${varival}</li>`)).join("")}</ul> </fieldset> ` }).join(''); <div id="test"></div>