Probleme mit neuen IDs in React
Angenommen, aus der Datenbank ist das folgende Array von Objekten zu uns gekommen:
const prods = [
{id: 1, name: 'product1', cost: 100},
{id: 2, name: 'product2', cost: 200},
{id: 3, name: 'product3', cost: 300},
];
Wie Sie sehen, werden die id der Reihe nach nummeriert.
Allerdings sollten wir berücksichtigen, dass die Zahlen
Lücken haben können, zum Beispiel könnte nach dem 3.
sofort der 5-te oder 6-te folgen.
Deshalb kann unser Client-Skript nicht
wissen, welche id die nächste sein wird (in
unserem Fall ist es nicht unbedingt 4).
Neue id werden von der Datenbank des Servers erstellt.
Dies kann einige Probleme bei der
Arbeit auf dem Client verursachen. Die Essenz ist folgende: Stellen wir uns vor,
dass wir über ein Formular ein neues Element
in unser Array hinzugefügt haben. Allerdings können wir nicht einfach
die Daten aus dem Formular übernehmen - denn wir
wissen nicht, welche id das neue Element haben wird!
Wir müssen eine Anfrage an den Server senden,
damit er uns die nächste id in der Reihenfolge gibt,
und erst dann das Element zu unserem Array
von Objekten hinzufügen. Dies wird zu einer Verzögerung bei der Darstellung
der Daten auf dem Bildschirm führen: Während die Daten zum Server gelangen,
bis der Server sie zu uns zurückschickt - wird es
etwas Zeit dauern.
