[已解决]react如何根据字符串生成组件

Question

例如我想通过循环数组生成组件:importReact,{Component}from'react';import{Button,Input}from'antd';constarr=['Button','Input'];//生成一个和一个exportdefaultclassMyCompextendsComponent{renderComp=arr=>{returnarr.map(V=>{returnReact.createElement(this.transform(V),null,null)//必须通过一个函数把字符串转换为对应组件才可以执行//我希望可以直接通过或者React.createElement(V,null,null)获得和})}transform=str=>{switch(str){case'Button':returnButton;case'Input':returnInput;default:returnnull;}}render(){return({this.renderComp(arr)})};}请问该如何操作?已经尝试过的还有newFunction、dangerouslySetInnerHTML和eval都无法实现=-=

Answer 1

renderComp=arr=>{
returnarr.map(V=>{
returnReact.createElement(this.transform(V),null,null)
//必须通过一个函数把字符串转换为对应组件才可以执行
//我希望可以直接通过或者React.createElement(V,null,null)获得和
})
}
少了个return