Tengo una consulta, estoy trabajando en un proyecto en React 17 y Next 12, y existe una forma de validar que un objeto no es null
de una forma que no conocia, algo como:
miObjeto?.objetoInterior?.propiedad = value
Esto evita hacer cosas como if(miObjeto && miObjeto.objetoInterior) {...}
Primero pense que era una caracteristica de JS, pero cuando lo intente en un proyecto de Vue lanzaba errores.
Ahora, quiero hacer una funcion asi:
useEffect(() => {
const body = document.querySelector("body") || null;
if (mobileMapState === 3) {
handleOpenMap();
body.style.overflow = "hidden";
} else {
body.style.overflow = "auto";
}
}, [mobileMapState]);
Y me sucede que quiero asegurarme que body
no sea null
antes de hacer body.style.overflow = "hidden";
, para lo que intento hacer
body?.style?.overflow = "hidden";
Y recibo un error de Eslint:
Parsing error: Invalid left-hand side in assignment expression.
Entonces intento
body && body.style.overflow = "hidden";
Pero el error es el mismo.
La unica forma que encontre de hacer esto fue:
if (body) {
body.style.overflow = "hidden";
}
Y si bien funciona, me surgen dudas, como por ejemplo porque no puedo usar ?
en este caso, y si hubiera una forma correcta de utilizarla para hacer mas corta la validacion.
Muchas gracias