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

0 vote203 views1 answer
Line separator with text in the center react native
Javascript React
0 vote195 views1 answer
Geocoding react
Javascript React
2 votes207 views4 answers
Update react
Javascript React
0 vote172 views1 answer
React open on different url instead of localhost
Javascript React
1 vote176 views1 answer
React native svg onpress
Javascript React
15 votes194 views2 answers
Ternary react
Javascript React
0 vote186 views1 answer
Remove react native cli mac
Javascript React
4 votes186 views2 answers
Google map react search place
Javascript React
0 vote180 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
0 vote198 views1 answer
React make setstate synchronous
Javascript React