Problemet me id të reja në React

Le të supozojmë se nga baza e të dhënave na ka ardhur vargu i mëposhtëm i objekteve:

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

Siç e shihni, id numërohen në rend. Sidoqoftë, duhet të kemi parasysh që numrat mund të kenë boshllëqe, për shembull, pas 3-të mund të vijë menjëherë 5-të ose 6-të. Për shkak të kësaj, skripti ynë i klientit nuk mund ta dijë se cili do të jetë id i radhës (në rastin tonë nuk është domosdoshmërisht 4).

Id të rinj krijohen nga baza e të dhënave e serverit. Kjo mund të shkaktojë disa probleme gjatë punës në klient. Thelbi është si vijon: le të imagjinojmë që me anë të një forme kemi shtuar një element të ri në vargun tonë. Megjithatë, ne nuk mundemi thjesht të marrim dhe të shtojmë të dhënat nga forma - në fund të fundit ne nuk e dimë se cili id do të ketë elementi i ri!

Do të na duhet të dërgojmë një kërkesë në server, që ai të na japë id-në e radhës sipas rendit, dhe vetëm atëherë të shtojmë elementin në vargun tonë të objekteve. Kjo do të shkaktojë vonesë në shfaqjen e të dhënave në ekran: derisa të dhënat të arrinë në server, derisa serveri të na dërgojë ato përsëri - do të kalojë ca kohë.