Reproducción simple de mi problema:
const demo = { aaa: 'aaa', bbb: 'bbb', } const input = 'AAA' console.log(demo[input.toLowerCase()])JS mismo funcionará. Cambiará 'AAA' a 'aaa' que existe en el objeto de demostración. Pero TS arroja error:
Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ aaa: string; bbb: string; }'.Es porque ve este valor como cualquier Cadena, no como 'aaa'. ¿Entonces TS no permite ninguna transformación de texto en su compilador?
Este valor en mayúsculas proviene de la API (enumeración de graphql), por lo que no puedo cambiarlo. Por otro lado, este objeto proviene de una biblioteca que usa claves pascalCase normales. Entonces, ¿cómo puedo conectar ambos sin que TS se reproduzca?
Lo que realmente quiere afirmar es que input.toLowerCase() da como resultado una clave válida para la demo del mapa. Puedes expresarlo así:
console.log(demo[input.toLowerCase() as keyof typeof demo])Esto debería brindarle seguridad de tipo completa en el código circundante. Esto esta bien:
let ok: 'aaa' | 'bbb' = demo[input.toLowerCase() as keyof typeof demo]Pero estos son rechazados:
let error1: 'aaa' = demo[input.toLowerCase() as keyof typeof demo] let error2: 'ccc' = demo[input.toLowerCase() as keyof typeof demo]Además de lo que dijo @Thomas en la respuesta anterior,
Siempre que utilice Typescript , debe definir claramente los tipos de variables y objects .
Echa un vistazo al siguiente código.
type d = { [key: string]: string } const demo: d = { aaa: 'aaa', bbb: 'bbb', } const input: string = 'AAA' console.log(demo[input.toLowerCase()])