Problemas com novos IDs em React
Suponha que tenhamos recebido do banco de dados o seguinte array de objetos:
const prods = [
{id: 1, name: 'product1', cost: 100},
{id: 2, name: 'product2', cost: 200},
{id: 3, name: 'product3', cost: 300},
];
Como você pode ver, os id são numerados em ordem.
No entanto, devemos considerar que os números
podem ter lacunas, por exemplo, após o 3
pode vir imediatamente o 5 ou o 6.
Por causa disso, nosso script do lado do cliente não pode
saber qual será o próximo id (no
nosso caso, não é necessariamente o 4).
Novos id são criados pelo banco de dados do servidor.
Isso pode causar alguns problemas ao
trabalhar no cliente. A essência é a seguinte: imagine
que adicionamos um novo elemento ao nosso array
usando um formulário. No entanto, não podemos simplesmente
pegar e adicionar os dados do formulário - pois nós
não sabemos qual id o novo elemento terá!
Precisaremos enviar uma requisição para o servidor,
para que ele nos forneça o próximo id em ordem,
e só então adicionar o elemento ao nosso array
de objetos. Isso causará um atraso na exibição
dos dados na tela: enquanto os dados são enviados para o servidor,
e até que o servidor os envie de volta para nós - passará
algum tempo.
