在ReactJS中，是否可以动态选择要渲染的组件？

Question

我想渲染一个特定的ReactJS组件，具体取决于变量

当我这样做时，什么都没有呈现。

有人可以建议这是否可能？

请注意这不是正常工作的代码，它是我试图实现的概念的精简表示。

import React from 'react';
import DogForm from './DogForm.jsx';
import CatForm from './CatForm.jsx';
import RabbitForm from './RabbitForm.jsx';


export default class ConfigureAndLaunchContainer extends React.Component {

  constructor(props) {
    super(props);
    animal = this.props.params.animaltype;

    this.dispatcher = {
      dog : (DogForm),
      cat :(CatForm),
      rabbit :(RabbitForm),
    };
    this.formComponent = this.dispatcher[animal];
  };

  render() {
    const componentToRender = this.formComponent;

    return (
      <componentToRender app={this.props.app}/>
    );
  }

}