Por favor, hágame saber cómo puedo optimizar más el siguiente código en una línea:
{addressToDisplay?.addressLineOne} {addressToDisplay?.addressLineTwo} {addressToDisplay?.city} {addressToDisplay?.state} {addressToDisplay?.zip}si su objeto ya está bien organizado, puede hacer esto
return <>{[...Object.values(addressToDisplay || {})].join` `}</>;O bien tienes este tipo de solución.
const {addressLineOne, addressLineTwo, city, state, zip} = addressToDisplay || {}; return <>{[addressLineOne, addressLineTwo, city, state, zip].join` `}</>Puedes probar esto:
Object.keys(addressToDisplay).map(function(key) { return <>{ addressToDisplay[key] }</> })Y para mostrar tanto la clave, el valor que puede agregar:
Object.entries(addressToDisplay).map(([key, val]) => <h2 key={key}>{key}: {val}</h2> )Si necesita valores específicos, puede almacenar las claves que necesita en una matriz
addressField = ['city', 'state', 'lineone', 'linetwo']y luego conseguirlos por
{addressToDisplay && addressField.map(key => <>{addressToDisplay[key]}</>)}{addressToDisplay && addressField.map((key) => <>{addressToDisplay[key]}</>)}