Tengo un input donde coloco X cosa, y aparecen 5 imágenes sobre eso. Si coloco otra cosa en el input, las 5 imágenes anteriores desaparecen y aparecen 5 imágenes de lo solicitado. Pero ahora requiero que no desaparezcan, sino que se vaya acumulando, en este caso que quedan las 10 imágenes.
De la consulta de la api recibo un array con 5 objetos donde cada objeto tiene una imagen.
[{imagen: ...},{imagen: ...},{imagen: ...},{imagen: ...},{imagen: ...},]
Y lo guardo en un State
const [imagen, setImagen] = useState([])
Para que se acumulen las imágenes dentro del array, es decir,que ocurra algo parecido a esto:
[{imagen: ...},{imagen: ...}, ... x8]
Estoy tratando con las siguientes formas:
setImagen(...imagen, data)
setImagen(...imagen, [data])
setImagen(...imagen, {data})
setImagen([...imagen, data])
setImagen([...imagen], data)
setImagen([...imagen], {data})
Pero con ninguna consigo guardar las 5 imágenes nuevas dentro del array. ¿Cómo se puede hacer?