No puedo usar una función de mapa dentro de una función de cliente.
export function availableAudioBitrates() { const getOptionNames = ClientFunction(() => { const select = document.querySelector('[data-testid=audioBitrate-setting]'); const options = select.querySelectorAll('option'); console.log(typeof options); //const values = []; const values = options.map((option) => option.TextContent); //options.forEach((option) => values.push(option.textContent)); return values; }); return getOptionNames(); }Tengo la declaración "options.foreach" funcionando, pero con la función de mapa, arroja un error de que options.map no es una función.
Verifique el valor de las options , no está definido o no es una matriz. .map() requiere una matriz para ejecutarse, cualquier otra cosa causará ese error
Porque eso es una HTMLCollection, no una matriz. Utilice Array.form(select.querrySelectorAll('option')).
export function availableAudioBitrates() { const getOptionNames = ClientFunction(() => { const select = document.querySelector('[data-testid=audioBitrate-setting]'); const options = Array.from(select.querySelectorAll('option')); console.log(typeof options); //const values = []; const values = options.map((option) => option.TextContent); //options.forEach((option) => values.push(option.textContent)); return values; }); return getOptionNames(); }