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

2 votes345 views1 answer
Redux React redux
Javascript React
0 vote347 views1 answer
Add React Router to React Redux CRUD App
Javascript React
1 vote310 views1 answer
Tailwincss in react native
Javascript React
1 vote356 views2 answers
How to get window size in react js
Javascript React
3 votes380 views1 answer
How to test on user reaction discord.js
Javascript React
2 votes407 views2 answers
Prevent a page from refreshing in react
Javascript React
1 vote363 views1 answer
Conditional style react native
Javascript React
0 vote355 views1 answer
React download file from express res.download
Javascript React
1 vote333 views1 answer
Implementating step component in react
Javascript React
32 votes367 views1 answer
React roouter dom
Javascript React