React/JSX动态组件名称



我想要呈现一个基于字符串的组件。从本质上讲,我希望找到与JavaScript的动态函数名称功能(parent["childMethod"])等效的JSX。

那么,如果我有一个字符串,比如"<MyComponent />",我如何转换成JSX并进行渲染呢?

JSX只是函数调用的一个不错的语法,因此您需要有实际的函数才能使用组件。如果您有一个包含React组件的对象,则可以基于字符串属性渲染组件。例如,如果您有一个名为MyComponents的对象(JSX必须大写),并且该对象具有类似MyComponents.SomeInput = React.CreateClass(...)的React组件。然后您可以在JSX中使用<MyComponents.SomeInput />

最新更新