Podría tener dos tipos de cargas útiles.
const payload = { "firstName":"Steven", "lastName":"Smith" }
o
const payload = { "personalDetails": { "firstName":"Steven", "lastName":"Smith" } }
¿Cómo puedo recuperar firstName de la carga útil durante una llamada a la API REST?
const { firstName } = payload;
El código anterior funcionará para la primera carga, pero no para la segunda, ya que firstName
está anidado dentro personalDetails
. ¿Hay una limpieza para recuperarlo en ES6
?
const { personalDetails: { firstName } } = payload;
Más información sobre la desestructuración de objetos anidados.
Puede tomar la propiedad personalDetails
si no está undefined
o es null
o solo la variable directamente.
const { firstName } = payload.personalDetails ?? payload;
Escenario extraño que tienes aquí, pero esto podría resolver el problema:
const { firstName } = payload.personalDetails ? payload.personalDetails : payload;