通过字符串初始化组件

时间:2019-07-16 13:21:20

标签: reactjs

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

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

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

1 个答案:

答案 0 :(得分:2)

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

const Components = {
    name1 : ComponentA
    name2: ComponentB
}

并这样称呼它:

return <Components['name2'] />