Tengo un problema con la reacción, si obtengo la misma información de una API y esa información se repite, tengo que crear muchas variables para contener cada una de las informaciones.
Así que repito como const img1 y const img2 y tres para mantener todo lo que quiero de lo mismo, solo lo repito. ¿Cómo puedo hacerlo mejor?
setDisplayName(response.data.feed["0"].display.displayName); setIngSteps(response.data.feed["0"].content.preparationSteps); setImg(response.data.feed["0"].display.images["0"]); setDisplayName2(response.data.feed["1"].display.displayName) setIngSteps2(response.data.feed["1"].content.preparationSteps); setImg2(response.data.feed["1"].display.images["0"]); setDisplayName3(response.data.feed["1"].display.displayName) setIngSteps3(response.data.feed["1"].content.preparationSteps); setImg3(response.data.feed["1"].display.images["0"]);¿Hay otra forma más sencilla?
No existe una regla que diga que un valor de estado debe ser un valor único . Cualquier objeto se puede almacenar en el estado.
Entonces simplemente almacene el objeto en el estado:
setData(response.data);Luego puede recuperar los valores de ese objeto de estado según sea necesario.