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 vote138 views1 answer
Ts(2749) react testing library
Javascript React
0 vote161 views1 answer
React router v6 lazy suspense
Javascript React
0 vote193 views1 answer
Get size of a View in React Native
Javascript React
3 votes161 views1 answer
White screen issue in react native splashscreen
Javascript React
0 vote153 views1 answer
Use of parse in react
Javascript React
0 vote153 views1 answer
Passing argument to function handler functional compoent javascript react
Javascript React
6 votes183 views2 answers
Export default function react
Javascript React
0 vote255 views1 answer
Difference in push and navigate in react Navigation
Javascript React
4 votes183 views1 answer
How to add oAuth google signin in react native app
Javascript React
0 vote159 views1 answer
Standalone form inside reactive form
Javascript React