Javascript JSX按字符串获取组件

这很难解释

我从组件库中获得了两个

图标，如下所示：

const IconContainer = ({ description ) => (
    <div>
        {description}
        <Icons.IconEquals />
    </div>
)

从
mycomponentlibrary'导入{Icons}`

假设我有三个图标，分别是
IconPlus
、
IconMinus
和
IconEquals

我可以很容易地显示
IconEquals
以及描述道具，如下所示：

const IconContainer = ({ description ) => (
    <div>
        {description}
        <Icons.IconEquals />
    </div>
)

如何实现我的
JSX

这基本上就是我得到的：

import { Icons } from 'my-component-library'

const IconContainer = ({ description, icon }) => (
    <div>
        {description}
        <Icons.{icon} /> // <---- Obviously that doesn't work
        // ^^^^ But I need something like this
    </div>
);

从“我的组件库”导入{Icons}
常量IconContainer=（{description，icon}）=>(
{说明}
//您可以这样使用：

<Icons[icon] />


你确定吗？因为这给了我一个
语法错误：意外标记
problem@BarryMichaelDoyle，请您为此创建plnkr/jsfiddle好吗？好的，您让我找到了正确的方向。我是在说了
const Icon=Icons[Icon]
之后通过渲染
完成的