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 vote160 views2 answers
React native use route params
Javascript React
0 vote130 views1 answer
React-native-quick-scroll npm
Javascript React
0 vote172 views1 answer
How to make back button react
Javascript React
0 vote195 views1 answer
Uuid react native expo
Javascript React
0 vote126 views1 answer
Uploading profile pic with react.js node.js express.js REST API to sqlite DB
Javascript React
0 vote139 views1 answer
React native layout animation android
Javascript React
1 vote152 views1 answer
Textinput onpress react native
Javascript React
2 votes134 views2 answers
React native scrollview detect end
Javascript React
3 votes128 views3 answers
React hide source code
Javascript React
1 vote131 views2 answers
How to create react native app
Javascript React