React-ում նոր id-ների հետ կապված խնդիրները

Ենթադրենք, տվյալների բազայից մեզ է հասել հետևյալ օբյեկտների զանգվածը՝

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-ն, և միայն դրանից հետո ավելացնել տարրը մեր օբյեկտների զանգվածում։ Սա կառաջացնի տվյալների էկրանին ցուցադրման հետաձգում. մինչ տվյալները կհասնեն սերվերին, մինչ սերվերը դրանք կվերադարձնի մեզ՝ կանցնի որոշ ժամանակ։