reactjs - 我应该如何在字典中使用 jsx

Question

我想像下面这样在 dict 中使用 jsx

var customJSX = React.createClass({ // some code });

dict = {
  foo: customJSX,
}

var foo = 'foo';

当我调用第二个错误时。

<dict.foo />  // right
<dict[foo] />  // wrong

不知道key的时候怎么从字典中调用呢？

感谢您的宝贵时间。

Answer 1

你可以赋值给组件的变量引用然后渲染它

var One = () => {
  return <div>One</div>;
}

var Two = () => {
  return <div>Two</div>;
}

var dict = {
  one: One,
  two: Two
};

var key = 'one';
var Component = dict[key];

var Main = () => {
  return <Component />;
}

Example