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 vote207 views1 answer
React moment time ago
Javascript React
50 votes229 views6 answers
Yarn create react app
Javascript React
3 votes243 views1 answer
How to go to another page onclick in react
Javascript React
2 votes279 views2 answers
Discord.js remove reaction
Javascript React
10 votes249 views1 answer
Device height react native
Javascript React
3 votes253 views1 answer
Navigation react pass props
Javascript React
2 votes243 views2 answers
Rtl support react native
Javascript React
0 vote243 views1 answer
Set meterial icon color change onClick react
Javascript React
0 vote242 views1 answer
Return <Text> using if condition react native
Javascript React
0 vote240 views1 answer
Render a react component only after API response is received
Javascript React