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

4 votes191 views1 answer
Navigating programatically react
Javascript React
0 vote199 views1 answer
Reactjs Developer
Javascript React
0 vote217 views1 answer
How to have hotjar in react-hotjar
Javascript React
1 vote249 views3 answers
Form action using react
Javascript React
7 votes205 views3 answers
React native class component
Javascript React
0 vote197 views1 answer
Laravel react 404 routes
Javascript React
2 votes198 views1 answer
Vertical align center react native view
Javascript React
1 vote289 views1 answer
Rendering, reconciliation, committing in react
Javascript React
0 vote180 views1 answer
React google map doesn't update marker
Javascript React
1 vote270 views1 answer
Running scripts is disabled on this system react js
Javascript React