通过字符串初始化组件

Question

我有一个菜单，该菜单将动态显示组件，我想通过名称初始化组件。那有可能吗？

        var componentName = 'SomeOfComponent';
        ///Instead OF this
        switch(componentName)
        {
            case "componentName":
                return <StatementOfFaith  />;
        }

        //I want this 
        return <[componentName]/>
    }

Answer 1

您可能有一个对象映射到以下组件：

const Components = {
    name1 : ComponentA
    name2: ComponentB
}

并这样称呼它：

return <Components['name2'] />