我想动态导入反应图标。
这在 Javascript 中有效,但是我如何将其转换为 Typescript 而不会出现各种错误?
代码:
import * as ReactIcons from 'react-icons/all';
const getIcon = (icon) => {
const TagName = ReactIcons[icon];
return <TagName />;
};
Run Code Online (Sandbox Code Playgroud)
如果有帮助的话,这是来自react-icons的.d.ts文件的输出:
// node_modules/react-icons/all.d.ts
export * from './fa';
export * from './fa';
export * from './io';
export * from './md';
export * from './ti';
export * from './go';
export * from './fi';
export * from './gi';
export * from './gi';
export * from './gi';
Run Code Online (Sandbox Code Playgroud)