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

1 vote370 views1 answer
Connect metamask with react app
Javascript React
0 vote373 views1 answer
Organize api calls react native folder
Javascript React
0 vote359 views3 answers
Link react router dom
Javascript React
4 votes364 views1 answer
How to empty form after submit in react
Javascript React
0 vote393 views2 answers
How to hide api key in react
Javascript React
0 vote360 views1 answer
Yarn react select
Javascript React
2 votes355 views3 answers
React cdn link
Javascript React
0 vote333 views1 answer
React cleanup meas
Javascript React
4 votes371 views1 answer
How to creat emmet in react
Javascript React
0 vote365 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React