Праблемы з новымі 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, і толькі затым дадаць элемент у наш масіў аб'ектаў. Гэта выкліча затрымку з адлюстраваннем даных на экране: пакуль даныя прыйдуць на сервер, пакуль сервер прышле нам іх назад - прайдзе некаторы час.