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 votes235 views3 answers
React native keystore
Javascript React
33 votes153 views2 answers
Routing in react
Javascript React
18 votes137 views1 answer
Get specific characters from state variable reactjs
Javascript React
0 vote153 views1 answer
Fetch data from asyncstorage react native
Javascript React
0 vote134 views1 answer
Chromepicker react-color not working
Javascript React
0 vote156 views3 answers
React date format
Javascript React
0 vote140 views1 answer
How to reload webview in react native
Javascript React
2 votes92 views1 answer
Rn touchableopacity
Javascript React
1 vote165 views1 answer
React counter input
Javascript React
-1 vote144 views1 answer
How to use error in react hook form
Javascript React