example.jsx

class PokemonGym extends React.Component {

  renderBattle () {
    const { trainer } = this.props;
    switch(trainer) {
      case "Annoying school boy": 
        return this.schoolBoy();
      case "Pretentios nerd":
        return this.nerd();
      case "Brock":
        return this.brock();
      default:
        console.error(`trainer not found: ${trainer}`);
        return null;
    }
  }
  
  render () {
    return <section className="gym-battle">
      {this.renderBattle()}
    </section>;
  }

}

ramda.jsx

class PokemonGym extends React.Component {
  constructor(props) {
    super(props);
    this.renderBattle = R.cond([
      [R.eq('Annoying school boy'), () => <SchoolBoy />],
      [R.eq('Pretentios nerd', () => <Nerd />]
      [R.eq('brock', () => <Brock />],
      [R.T, () => null]
    ]);
  }
  
  render () {
    const { trainer } = this.props;
    return <section className="gym-battle">
      {this.renderBattle(trainer)}
    </section>;
  }

}