Javascript 在ReactJs中使用带变量的羽化图标

我试图显示一个图标，其名称存储在变量中

下面的解决方案不起作用，但它举例说明了我在这里试图实现的目标

import React from "react"
import * as Icon from "react-feather"

class MyComponent extends React.Component {
  render() {
    const iconName = "Search";
    return (
      <>
        <Icon id={iconName} />
      </>
    )
}

从“React”导入React
从“react feather”导入*作为图标
类MyComponent扩展了React.Component{
render（）{
const iconName=“搜索”；
返回(
)
}

这应该会起作用，图标是一个对象，您只需按图标的键即可

import*作为“react feather”中的图标
render（）{
常量标签='Search'
常量搜索=图标[标签]
返回(
)
}

如果您的图标组件接受带有图标名称的id，那么您的解决方案应该work@EvgenyKlimenchenko它不是一个组件，忘了添加代码我回答说，希望它对你有用，我已经测试过它对我有用，谢谢