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;