0
164
VistasImportación de archivos con Typescript
Estoy importando el archivo, pero no puedo dar el tipo de archivo, ¿cómo puedo solucionar este problema?
import { capitalize } from "utils"; import * as Icons from "./"; type IconType = { name: string; }; const icon = ({ name, ...props }: IconType) => { const newName = capitalize(name); if (!Icons[newName]) return null; const CustomIcon = Icons[newName]; return <CustomIcon {...props} />; }; export default icon; 
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Probablemente pueda solucionar su problema escribiendo Icons[newName as keyof Icons] .
Sin embargo, tiene muchas malas prácticas en su código que debe corregir:
- Debe agregar una
import * as icons from "./pathToIcons";. La importación por index.ts solo debería ocurrir si se importa desde fuera de la misma carpeta; -
const icon = (...)Un componente debe comenzar con letra mayúscula,const Icon = (...); -
{ name, ...props }: IconTypeEsto es incoherente, porque su tipoIconTypesolo tiene unnamede atributo, por lo tanto, en su caso, TypeScript debería inferirprops typeof never. Probablemente quieras queinterface IconProps extends CustomIconProps { name: string }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta