React / JSX动态组件名称

Question

我希望基于字符串呈现组件。基本上，我希望找到JSX等效于JavaScript的动态函数名称能力（parent["childMethod"]）。

所以，如果我有一个字符串，比如"<MyComponent />"，我怎么能变成JSX并渲染？

Answer 1

JSX只是函数调用的一个很好的语法，因此您需要使用实际函数来使用组件。如果您有一个包含React组件的对象，那么您可以基于字符串属性呈现组件。例如，如果您有一个名为MyComponents的对象（对于JSX必须是大写的），并且该对象具有像MyComponents.SomeInput = React.CreateClass(...)这样的React组件。然后，您可以在JSX中使用<MyComponents.SomeInput />。