小编Las*_*ing的帖子

如何使用 typescript 在 React 中动态创建 JSX 标签?

我想动态导入反应图标

这在 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)

import dynamic typescript reactjs react-icons

3
推荐指数
1
解决办法
733
查看次数

标签 统计

dynamic ×1

import ×1

react-icons ×1

reactjs ×1

typescript ×1