React/JSX动态组件名称

Question

我期待基于字符串渲染组件.基本上,我希望找到JSX等效于JavaScript的动态函数名称能力(parent["childMethod"]).

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

Answer 1

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