字符串到React组件

Question

我在函数中有字符串作为参数，它将返回相同命名的组件，例如

myFunc('Home') or myFunc('MyComponent')

应返回

<Home /> or <MyComponent />

我知道我可以这样做

var mappings = {
  Home: <Home />,
  MyComponent: <MyComponent />
};

return mappings['Home'];  // returns <Home />

or

return mappings['MyComponent']  // returns <MyComponent />

但是我可以直接返回与参数同名的组件而不创建上面的对象映射吗？

Answer 1

你无法做到这样的事情：

function myFunc(componentName) {
    return < <componentName> />;
}

虽然这是一个不错的观察，但这只是为了尽可能减少代码而没有太大的好处，只是为了找出语言是否可以做到这一点。