Matatizo na Vitambulisho Vipya katika React

Wacha tuseme kutoka kwa hifadhidata imekuja safu ya vitu ifuatayo:

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

Kama unavyoona, id zinahesabiwa kwa mpangilio. Hata hivyo, inapaswa tukizingatia kwamba nambari zinaweza kuwa na mapungufu, kwa mfano, baada ya 3 inaweza kufuatiwa na 5 au 6. Kutokana na hili, skripti yetu ya mteja haiwezi kujua ni id gani itakayofuata (kwenye kesi yetu si lazima iwe 4).

id mpya huundwa na hifadhidata ya seva. Hii inaweza kusababisha baadhi ya matatizo wakati wa kufanya kazi kwenye mteja. Kiini cha jambo ni hiki: wacha tufikirie kwamba kwa kutumia fomu tumeongeza kipengee kipya kwenye safu yetu ya vitu. Hata hivyo, hatuwezi kuongeza tu data kutoka kwa fomu - hakika sisi hatujui id gani itakuwa ya kipengee kipya!

Itatubidi tutumie ombi kwa seva, ili itupatie id inayofuata kwa mpangilio, na kisha tu tuongeze kipengee kwenye safu yetu ya vitu. Hii itasababisha ucheleweshaji wa kuonyesha data kwenye skrini: wakati data inapofika kwenye seva, wakati seva itakapotutumia data nyuma - itapita muda fulani.