Problemas con nuevos id en React
Supongamos que de la base de datos nos llegó el siguiente arreglo de objetos:
const prods = [
{id: 1, name: 'product1', cost: 100},
{id: 2, name: 'product2', cost: 200},
{id: 3, name: 'product3', cost: 300},
];
Como puedes ver, id se numeran en orden.
Sin embargo, debemos tener en cuenta que los números
pueden tener saltos, por ejemplo, después del 3-er
puede ir inmediatamente el 5-to o el 6-to.
Debido a esto, nuestro script del lado del cliente no puede
saber cuál será el siguiente id (en
nuestro caso no es necesariamente 4).
Los nuevos id son creados por la base de datos del servidor.
Esto puede causar algunos problemas al
trabajar en el cliente. La esencia es la siguiente: imaginemos
que mediante un formulario agregamos un nuevo elemento
a nuestro arreglo. Sin embargo, no podemos simplemente
tomar y agregar los datos del formulario - ¡ya que no
sabemos qué id tendrá el nuevo elemento!
Tendremos que enviar una solicitud al servidor,
para que nos dé el siguiente id en orden,
y solo entonces agregar el elemento a nuestro arreglo
de objetos. Esto causará un retraso en la visualización de
datos en la pantalla: mientras los datos llegan al servidor,
y hasta que el servidor nos los envíe de vuelta, pasará
algún tiempo.
