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 vote316 views1 answer
Nice react native shadow
Javascript React
0 vote340 views1 answer
What difference between react func and class components
Javascript React
1 vote337 views2 answers
Expo create react native app
Javascript React
0 vote311 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
0 vote305 views2 answers
Animation react
Javascript React
2 votes319 views1 answer
React native cover image in parent view
Javascript React
2 votes312 views3 answers
React native swiper
Javascript React
2 votes348 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote318 views1 answer
Express react docker container example
Javascript React
1 vote333 views1 answer
React vscode stop auto close tag
Javascript React