Backend sendet null: So behandelt das Frontend es sauber

2024-05-17

nickname: null bedeutet etwas anderes als ein fehlender Key oder ein leerer String. Wer das mischt, erzeugt leicht UI-Bugs und falsche Update-Payloads.

Drei Arten von Leerwert

Fehlender Key, null-Literal und leerer String sollten mit dem Backend-Vertrag abgestimmt werden.

TypeScript

nickname?: string und nickname: string | null haben unterschiedliche Semantik.

Anzeige

Werte am API-Rand normalisieren und fuer null konsistente Platzhalter verwenden.

const label = user.nickname ?? "Not set";

Formulare

Bei PATCH klar trennen: Feld weglassen = unveraendert, null = explizit loeschen.