Probleme cu noile id-uri în React

Să presupunem că din baza de date a sosit următorul vector de obiecte:

const prods = [
	{id: 1, name: 'product1', cost: 100},
	{id: 2, name: 'product2', cost: 200},
	{id: 3, name: 'product3', cost: 300},
];

După cum vedeți, id sunt numerotate în ordine. Cu toate acestea, trebuie să ținem cont că numerele pot avea lacune, de exemplu, după 3-lea poate urma direct 5-lea sau 6-lea. Din această cauză, scriptul nostru client nu poate ști care va fi următorul id (în cazul nostru nu este neapărat 4).

Noile id sunt create de baza de date a serverului. Aceasta poate cauza unele probleme atunci când lucrăm pe client. Esența este următoarea: să ne imaginăm că am adăugat un nou element în vectorul nostru folosind un formular. Cu toate acestea, nu putem pur și simplu să luăm și să adăugăm datele din formular - pentru că noi nu știm care va fi id-ul noului element!

Va trebui să trimitem o cerere către server, ca acesta să ne dea următorul id în ordine, și abia apoi să adăugăm elementul în vectorul nostru de obiecte. Acest lucru va provoca o întârziere în afișarea datelor pe ecran: cât timp datele vor ajunge pe server, cât timp serverul ni le va trimite înapoi - va trece ceva timp.