Soy bastante nuevo en TS... Tengo este tipo particular:
export type MyType = { high: { age: number; preview: [{ [key: string]: string | number }]; }; low: { age: number; preview: [{ [key: string]: string | number }]; }; medium: { age: number; preview: [{ [key: string]: string | number }]; }; };Mapeo a través de mis claves de objetos de datos:
{Object.keys(data) .map((item: string, key: number) => { return ( data && data[item]?.preview && ( < component here > ) ); })}El tipo de datos es correcto, pero TS se queja de "data[item]?.preview".
Dice:
El elemento tiene implícitamente un tipo 'cualquiera' porque la expresión de tipo 'cadena' no se puede usar para indexar el tipo 'MiTipo'. No se encontró ninguna firma de índice con un parámetro de tipo 'cadena' en el tipo 'MyType'.
Gracias
El problema se debe a que las claves de MyType solo pueden tener tres valores: "medio", "alto" y "bajo".
Pero su elemento es de tipo string y esto puede incluir cualquier cadena. TS se queja.
Ahora pensarías que puedes agregar algo como
objKeys.map((item: keyof MyType, key: number) => { y esto debería funcionar. Pero TS con Object.keys() no devuelve una matriz de claves, sino una matriz de cadenas. El hilo de Github muestra que esto no va a cambiar en el futuro.
Entonces, una forma podría ser agregar un paso intermedio y encasillarlo usando la palabra clave as :
{let objKeys = Object.keys(data) as Array<keyof MyType> objKeys.map((item: keyof MyType, key: number) => { return ( data && data[item]?.preview && ( < component here > ) ); })}