Javascript React/JSX动态组件名称

我希望根据字符串渲染组件。本质上，我希望找到与JavaScript的动态函数名功能相当的JSX（

parent[“childMethod”]

）

---

因此，如果我有一个字符串，比如

“

，我如何才能转换成JSX并呈现？

JSX只是函数调用的一种很好的语法，所以您需要有实际的函数才能使用组件。如果对象包含React组件，则可以基于字符串属性渲染组件。例如，如果您有一个名为MyComponents的对象（JSX必须是大写），并且该对象具有React组件，如

MyComponents.SomeInput=React.CreateClass（…）

。然后您可以在JSX中使用

。

如果您已经将JSX放入字符串中，为什么需要使用它？我也有同样的问题，但是

var ContentBlocks={info:require（'./Infoblock'）、肖像：require（'./肖像block'）

和

抛出一个错误，我刚刚检查过，您是对的，您可以使用

或者使用

var MyComponent=MyComponents['info']

和

如果您在编写密钥时不知道该密钥。