Как динамически вызывать компонент React?

Question

[Альберт Табак]

Например у меня скажем мне может прийти в переменную 'FormOne' или 'FormTwo'.
В зависимости от этого я хочу отрендерить конкретный елемент JSX.
То есть либо либо

Как это сделать ?

Answer 1

[123 123]

let component;
if (a === 'FormOne') component = <FormOne />
else if (a === 'FormTwo') component = <FormTwo />

{component}

Answer 2

[Альберт Табак]

что такое let ?
К такому методу я тоже пришёл, но могу ли я внутри тегов использоваться переменную у?

Наверное вот так ? < {variable} /> !

Comments

[Альберт Табак]

нет так не катит:(

[Юрий Ярош]

Пример без es6 я описал ниже.
Да, внутри тэгов можно испоьзовать переменные вот так {variable} либо если это компонент react'a.

Answer 3

[Юрий Ярош]

Достаточно плохо сформулирован вопрос

Если прямо в JSX шаблоне

{typeof FormOne !== 'undefined'? (<FormOne />): typeof FormTwo !== 'undefined'? (<FormTwo />): '' }

а вот так уже внутри шаблона не получится

{if (FormOne !== 'undefined') (<FormOne />) else if (typeof FormTwo !== 'undefined') (<FormTwo />)}

Так можно сделать только вне шаблона

render: function() {
  var Component = false
  if (FormOne !== 'undefined')
    Componenet = (<FormOne />);
  else if (typeof FormTwo !== 'undefined')
    Component = (<FormTwo />);

  return (
    {!!component ? (<Component/>): 'No component'}
  );
},