Recibo un error en el código TypeScript cuando uso mi const de "idioma": "El tipo 'null' no se puede usar como un tipo de índice".
const language = localStorage.getItem("language") !== null ? localStorage.getItem("language") : "en"; someText = someArray[language];¿Cómo puedo solucionarlo y por qué no funciona cuando evito que la const de idioma sea nula? (Sé que el selector de índice debe ser por cadena/número)
El problema aquí (y la razón por la que TypeScript no puede inferir el tipo correcto de language ) es que localStorage.getItem("language") se evalúa dos veces, y también podría, por lo que sabe el compilador, devolver null en el segundo invocación.
Usa el ?? operador para excluir la posibilidad de que el language sea null .
const language = localStorage.getItem("language") ?? "en"; someText = someArray[language];Puede modificar un poco su código usando el operador Nullish Coalescing (??), que es básicamente lo que comparte GOTO. Solo explicando su nombre y funcionamiento.
let someText = someArray[(localStorage.getItem("language") ?? "en")]De los documentos de MDN , el operador coalescente nulo (??) es un operador lógico que devuelve su operando del lado derecho cuando su operando del lado izquierdo es nulo o indefinido, y de lo contrario devuelve su operando del lado izquierdo.