Uute id-de probleemid React-is

Oletame, et andmebaasist on meile tulnud järgmine massiiv objekte:

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

Nagu näete, nummerdatakse id järjekorras. Siiski peaksime arvestama, et numbrid võivad omada vahesid, näiteks pärast 3-dat võib tulla kohe 5s või 6s. Selle tõttu ei saa meie kliendiskript teada, milline on järgmine id (meie juhul ei pruugi see olla 4).

Uued idd luuakse serveri andmebaasi poolt. See võib tekitada mõningaid probleeme kliendipoolses töös. Asja iva on järgmine: kujutagem ette, et vormi abil lisasime uue elemendi meie massiivi. Siiski ei saa me lihtsalt võtta ja lisada vormi andmeid - sest me ei tea, milline id on uuel elemendil!

Me peame saatma päringu serverisse, et ta annaks meile järgmise id järjekorras, ja alles siis lisama elemendi meie massiivi objektidesse. See põhjustab andmete kuvamise viivitust ekraanil: kuni andmed jõuavad serverisse, kuni server saadab need meile tagasi - kulub mingi aeg.