Insert react component dynamically using class name

Question

Given an array of react class names, I want to create a component using that class name.

I tried:

React.createElement(name);

But got an HTML element with name (ex: <MyReactClass/>), but not an actual react component which is what I need.

You have to resolve the name to the actual class. You can do this by building a name -> class map and look up the class. — Felix Kling
– Felix Kling, Commented Nov 30, 2015 at 17:37

Matthew Herbst · Accepted Answer · 2015-11-30 21:04:06Z

3

You need to map the names to the actual classes, like as @Felix Kling mentioned. The are several ways to do this. One such way:

var classes = {
  "name1": require('./Class1'),
  "name2": require('./Class2'),
  ...
};

...
React.createElement(classes[name]);

answered Nov 30, 2015 at 21:04

Matthew Herbst

32.3k27 gold badges92 silver badges141 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1