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 vote395 views1 answer
Tailwind css toggle switch react
Javascript React
17 votes341 views5 answers
React native icons
Javascript React
0 vote365 views1 answer
Stateprovider.js react
Javascript React
0 vote354 views1 answer
Fcctest cdn reactjs setup
Javascript React
0 vote344 views1 answer
Find in array and return true or false react js
Javascript React
0 vote422 views1 answer
ScrollspyNav react
Javascript React
69 votes375 views6 answers
React icon
Javascript React
0 vote389 views1 answer
Reactjs web3 components
Javascript React
32 votes356 views1 answer
How to use react router
Javascript React
19 votes324 views6 answers
React native build android apk
Javascript React