[已解决]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