Жаңа 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 беру үшін серверге сұраныс жіберу керек болады, содан кейін ғана элементті біздің объектілер массивімізге қоса аламыз. Бұл экрандағы деректердің көрінуінде кешігуді туғызады: деректер серверге жеткенше, сервер оларды бізге қайтарып жібергенше - белгілі бір уақыт өтеді.