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

15 votes314 views1 answer
React forwardref
Javascript React
0 vote287 views1 answer
React hook form example stack overflow
Javascript React
0 vote288 views1 answer
Shallow render in react
Javascript React
1 vote294 views1 answer
How to store array into react-native local storage
Javascript React
0 vote292 views1 answer
React handling event
Javascript React
0 vote311 views1 answer
Timeline material ui react native
Javascript React
0 vote325 views1 answer
My env.local file not working in my react app usind mac
Javascript React
0 vote317 views1 answer
React useEffect() the side-effect runs after every rendering
Javascript React
38 votes294 views2 answers
How to comment out code in react js
Javascript React
34 votes281 views3 answers
React-router
Javascript React