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 vote171 views1 answer
React features
Javascript React
18 votes173 views6 answers
React native create apk
Javascript React
0 vote177 views1 answer
Get started with datagrid in react js
Javascript React
2 votes167 views1 answer
Change color of strike through line of text in react native
Javascript React
0 vote171 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
5 votes181 views1 answer
Import suspence from react
Javascript React
0 vote179 views2 answers
React rating with fractions
Javascript React
0 vote237 views1 answer
React flip move
Javascript React
1 vote268 views1 answer
Update create react app package to latest
Javascript React
1 vote168 views1 answer
Dynamic forms in react
Javascript React