Problēmas ar jauniem id React

Pieņemsim, ka no datu bāzes mums ir ieradies šāds objektu masīvs:

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

Kā redzat, id ir numurēti pēc kārtas. Tomēr mums jāņem vērā, ka skaitļi var būt ar izlaidumiem, piemēram, pēc 3. var uzreiz sekot 5. vai 6. Tāpēc mūsu klienta skripts nevar zināt, kāds būs nākamais id ( mūsu gadījumā tas ne vienmēr ir 4).

Jauni id tiek izveidoti servera datu bāzē. Tas var radīt dažas problēmas, strādājot klienta pusē. Būtība ir sekojoša: iedomājieties, ka ar veidpalīdzību mēs pievienojām jaunu elementu mūsu masīvā. Tomēr mēs nevaram vienkārši paņemt un pievienot datus no veidlapas - jo mēs nezinām, kāds id būs jaunajam elementam!

Mums būs jāsūta pieprasījums uz serveri, lai tas dotu mums nākamo pēc kārtas id, un tikai tad pievienot elementu mūsu masīvam objektu. Tas izraisīs kavēšanos ar datu attēlošanu ekrānā: kamēr dati nonāks uz serveri, kamēr serveris atsūtīs tos atpakaļ pie mums - paiet zināms laiks.