Tengo cuatro líneas de código como este:
let postId = // <== maybe undefined or string; const sections = // <== maybe null or an array of sections with posts objects. postId = postId || (sections ? sections[0]?.posts[0]?.id : null); console.log(postId || sections ? sections[0]?.posts[0]?.id : null); La tercera línea está funcionando y entiendo por qué: si postId es falso, calcule la parte derecha de una expresión entre paréntesis donde uso ternario con elemento de matriz opcional y parámetros de objeto opcionales.
Pero la cuarta línea me da un error:
Uncaught TypeError: Cannot read properties of null (reading '0')No entiendo por qué los corchetes son importantes en este caso.
la cuarta linea me da error
La razón detrás de esto es que su operador ternario ahora está trabajando en postId || sections Por lo tanto, rodee su declaración del lado derecho entre paréntesis para evitar que considere la variable del lado izquierdo como parte de la operación ternaria.
debería ser :
console.log(postId || (sections ? sections[0]?.posts[0]?.id : null));