Проблеми со нови id во React

Нека од базата на податоци ни дојде следниот низа од објекти:

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

Како што можете да видите, id-тоа се нумерира по ред. Сепак, треба да земеме предвид дека броевите може да имаат празнини, на пример, после 3-тиот може веднаш да дојде 5-тиот или 6-тиот. Поради ова, нашиот клиентски скрипт не може да знае кое ќе биде следното id (во нашиот случај не мора да биде 4).

Нови id се креираат од базата на податоци на серверот. Ова може да предизвика одредени проблеми при работа на клиентот. Суштината е следна: замислете дека со помош на форма додадовме нов елемент во нашата низа. Сепак, не можеме едноставно да ги земеме и додадеме податоците од формата - бидејќи ние не знаеме кое id ќе има новиот елемент!

Ќе мора да испратиме барање до серверот, за да ни го даде следното по ред id, и дури потоа да го додадеме елементот во нашата низа од објекти. Ова ќе предизвика одложување во прикажувањето на податоците на екранот: додека податоците ќе стигнат до серверот, додека серверот ќе ни ги испрати назад - ќе помине одредено време.