Backend ने null भेजा? Frontend में इसे सही तरह संभालें
2024-05-17
nickname: null और nickname key का न होना अलग स्थिति है। इनका अंतर न समझने पर UI bugs और गलत PATCH payload बनते हैं।
खाली मान के तीन प्रकार
Missing key, null और "" को backend contract के अनुसार अलग अर्थ दें।
TypeScript मॉडलिंग
nickname?: string और nickname: string | null के semantics अलग हैं; मनमाने ढंग से न मिलाएं।
Display logic
API boundary पर normalize करें और null के लिए consistent placeholder दिखाएं।
const label = user.nickname ?? "Not set";Forms और PATCH
omit = no change, null = clear value जैसी semantics टीम में लिखित रूप से तय करें।