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 vote297 views1 answer
Mui modal backdrop
Javascript React
2 votes340 views1 answer
React native cover image in parent view
Javascript React
3 votes319 views2 answers
React native pm ERR! code EINTEGRITY
Javascript React
0 vote328 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React
0 vote344 views1 answer
Back button not working when modal open in react native
Javascript React
0 vote410 views1 answer
Install react loading spinner
Javascript React
0 vote339 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript React
0 vote365 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React
0 vote318 views1 answer
Concat two arrays each value react typescript
Javascript React
0 vote343 views2 answers
Run build version react
Javascript React