Reactjs 未创建动态名称组件

我已经阅读了主题和教程，但我不知道我的动态名称有什么问题：

我试了三种不同的方法。只有第一个在工作

我在一个.js文件中：

render() {
    let componentList = {
        Delete: 'DeleteIcon',
    };
    let ComponentName = "Delete";
    let ChildComponent = componentList[ComponentName];


    let test = (CompName, props) => {
        return React.createElement(CompName, props);
    };

    return (
        <div>
            <DeleteIcon color="#71f1aa" />
            <ChildComponent color="#71f1aa" />
            {test('DeleteIcon', {color: "#71f1aa"})}
        </div>
    );
}

我该怎么办？

---

谢谢你的帮助

问题出在

组件列表中

let componentList = {
    Delete: 'DeleteIcon',
};

componentList.Delete

是字符串，不是组件。 将组件列表更改为

let componentList = {
    Delete: DeleteIcon
};

---

修复问题。

如果从

组件列表中删除引号，会发生什么情况？-例如：从
Delete:'DeleteIcon'，
到
Delete:DeleteIcon，
TY，解决了这个问题！
let componentList = {
    Delete: DeleteIcon
};