Probleme met nuwe id's in React

Laat ons aanneem die volgende versameling objekte het uit die databasis gekom:

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

Soos jy kan sien, is die id'e opeenvolgend genommer. Ons moet egter in ag neem dat die nommers gapings kan hê, byvoorbeeld, na die 3de kan dadelik die 5de of 6de kom. Daarom kan ons kliëntskrip nie weet wat die volgende id sal wees nie (in ons geval is dit nie noodwendig 4 nie).

Nuwe id'e word deur die bediener se databasis geskep. Dit kan 'n paar probleme veroorsaak wanneer ons op die kliënt werk. Die kern van die saak is soos volg: stel jou voor dat ons 'n nuwe item by ons versameling voeg met behulp van 'n vorm. Ons kan egter nie net die data uit die vorm byvoeg nie - ons weet immers nie watter id die nuwe item sal hê nie!

Ons sal 'n versoek na die bediener moet stuur, sodat dit vir ons die volgende opeenvolgende id kan gee, en eers dan die item by ons versameling voorwerpe kan voeg. Dit sal vertraging in die vertoning van data op die skerm veroorsaak: terwyl die data na die bediener gaan, en terwyl die bediener dit terugstuur na ons, sal daar 'n sekere tyd verbygaan.