El backend envio null: manejo elegante en frontend
2024-05-17
Un campo null no equivale a ausencia de clave ni a texto vacio. Mezclar esos casos produce bugs visuales y payloads PATCH ambiguos.
Tres tipos de vacio
Clave faltante, null literal y cadena vacia "" deben acordarse con backend y OpenAPI.
TypeScript
nickname?: string y nickname: string | null representan contratos diferentes.
Presentacion
Normaliza en la frontera API y usa placeholders coherentes para valores nulos en tablas.
const label = user.nickname ?? "Not set";Formularios
En PATCH, omitir suele significar sin cambios, mientras null suele significar limpiar valor.