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 vote339 views1 answer
How to run electron and react using concurrently
Javascript React
2 votes311 views1 answer
Lifecycles if reactjs
Javascript React
-1 vote306 views2 answers
Email validation in react js
Javascript React
1 vote315 views1 answer
Webpack-bundle-analyzer react
Javascript React
0 vote305 views1 answer
Get element ref react
Javascript React
0 vote297 views1 answer
Camera roll react native
Javascript React
0 vote289 views1 answer
Resellerclub api with react js
Javascript React
0 vote321 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
15 votes323 views1 answer
React forwardref
Javascript React
-1 vote327 views1 answer
Command not found:create-react-app
Javascript React