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 vote158 views1 answer
Refresh page by hand in react
Javascript React
1 vote152 views1 answer
Two button in one row react native
Javascript React
2 votes162 views1 answer
React native image source local file
Javascript React
0 vote173 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
0 vote146 views1 answer
React-active link
Javascript React
0 vote147 views1 answer
Form.select not working react bootstrap
Javascript React
0 vote162 views1 answer
Timezone in react js
Javascript React
0 vote143 views1 answer
React input value set state on change
Javascript React
2 votes146 views1 answer
Path.split is not a function react hook use form
Javascript React
140 votes541 views5 answers
React js installation
Javascript React