Masalah dengan ID Baharu dalam React

Katakan dari pangkalan data kita menerima array objek berikut:

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

Seperti yang anda lihat, id dinomborkan mengikut urutan. Walau bagaimanapun, kita perlu mengambil kira bahawa nombor mungkin mempunyai jurang, contohnya, selepas 3 langsung boleh pergi ke 5 atau 6. Oleh sebab itu, skrip klien kita tidak boleh tahu apa id seterusnya (dalam kes kita ini tidak semestinya 4).

Id baru dicipta oleh pangkalan data pelayan. Ini boleh menyebabkan beberapa masalah apabila bekerja di pihak klien. Intinya adalah seperti berikut: bayangkan, bahawa menggunakan borang kita menambah elemen baharu ke dalam array kita. Walau bagaimanapun, kita tidak boleh hanya mengambil dan menambah data dari borang - kerana kita tidak tahu id mana yang akan dimiliki oleh elemen baharu!

Kita perlu menghantar permintaan ke pelayan, supaya ia memberikan kita id seterusnya mengikut urutan, dan hanya kemudian menambah elemen ke dalam array kita objek. Ini akan menyebabkan kelewatan dalam memaparkan data pada skrin: semasa data dihantar ke pelayan, sementara pelayan menghantarnya kembali kepada kita - ia akan mengambil masa beberapa ketika.