Муаммогӣ бо 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-и навбатиро диҳад, ва пас танҳо элементро ба массиви объектҳои худ илова кунем. Ин боиши таъхир дар намоиши додаҳо дар экран мешавад: то додаҳо ба сервер бирасад, то сервер онҳоро ба мо баргардонад - вақте гузарад.