Switch in react

renderSwitch(param) {
  switch(param) {
    case 'foo':
      return 'bar';
    default:
      return 'foo';
  }
}

render() {
  return (
    <div>
      <div>
          // removed for brevity
      </div>
      {this.renderSwitch(param)}
      <div>
          // removed for brevity
      </div>
    </div>
  );
}

Source: stackoverflow.com

Typescript react switch case component

render() {
  return (
    <>
    {
      {
        foo: <Foo />,
        bar: <Bar />
      }[param]
    }
    </>
  )
}

Similar codes

1 vote369 views3 answers
Autocomplete react
Javascript React
1 vote372 views1 answer
Stop page refresh on button click react
Javascript React
0 vote380 views2 answers
React social login button
Javascript React
0 vote389 views1 answer
Lite youtube embed react
Javascript React
0 vote368 views1 answer
Use of parse in react
Javascript React
0 vote404 views1 answer
Export socket io connection in react
Javascript React
9 votes326 views4 answers
Firebase' is not defined no-undef react
Javascript React
2 votes389 views1 answer
Set dynamic route in link react js
Javascript React
3 votes420 views1 answer
React native elements
Javascript React
0 vote355 views1 answer
How to change background image dynamically in react
Javascript React