reactjs - 通过字符串初始化组件

Question

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

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

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

标签： reactjs

Answer 1

您可以将对象映射到此组件：

const Components = {
    name1 : ComponentA
    name2: ComponentB
}

并这样称呼它：

return <Components['name2'] />