如何为映射项动态创建组件标签

Question

有一些我正在尝试动态映射的react图标列表，然后将组件标签附加到它们。

import { FaBraille , FaDiceD20 } from 'react-icons/fa';



render(){
  return (
    <div> 
     {this.state.lists.map((detail, index) =>  
        React.createElement(detail.icons)
      }
    </div> 
 )}

我尝试了几种不同的方法：

      React.createElement(window[detail.icons], {});

甚至是：

          React.createElement(`${detail.icons}`)

仍然没有创建组件标签。相反，它在屏幕上显示React.createElement(FaBraille)，但应该是这样的：<FaBraille />

是否可以动态创建组件标签？