Primero configuro ids como un objeto
attribute.map((item, index) => { setIds({ ...ids, [index]: item.id }) })
luego trato de empujarlo en una matriz, pero solo está empujando el último objeto
let idsArr = [] Object.keys(ids).map(key => { idsArr.push(ids[key]) })
una propuesta puede ser empujar el resultado del mapa en una matriz
idsArr.push(...Object.keys(ids).map(key => ids[key]));
Además, cuando configura la identificación si no devuelve nada, no se debe usar el método del mapa.
Un bucle como foreach es una mejor opción
El método map se usa para obtener una matriz "transformada".
attribute.forEach((item, index) => { setIds({ ...ids, [index]: item.id }) })
let idsArr = []; let ids = { 'test': 1, 'test2': 2 }; idsArr.push(...Object.keys(ids).map(key => ids[key])); console.log(idsArr);
Está poniendo en cola un montón de actualizaciones de estado de React dentro de un bucle, utilizando una actualización normal, y como cada actualización es procesada por React, utiliza el mismo valor de ids
del ciclo de renderizado en el que se pusieron en cola. En otras palabras, cada actualización pisa fuerte gana la anterior y la última actualización de estado. Este es el valor de estado que ve en el siguiente ciclo de renderizado.
Use actualizaciones de estado funcional para poner en cola cada actualización y tener cada actualización del estado anterior en lugar del estado del cierre de devolución de llamada.
Ejemplo:
attribute.forEach((item, index) => { setIds(ids => ({ ...ids, [index]: item.id, })) });
Con el estado de la matriz de ids
actualizado correctamente, debería poder iterar e insertar valores en la otra matriz:
const idsArr = []; Object.keys(ids).map(key => { idsArr.push(ids[key]); });
O simplemente obtenga la matriz de valores directamente:
const idsArr = Object.values(ids);