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 vote205 views1 answer
CChartpie react
Javascript React
0 vote235 views1 answer
What was the reaction of others bostonh tea party
Javascript React
3 votes304 views4 answers
React Redux Thunk
Javascript React
1 vote215 views1 answer
Module not found reactstrap
Javascript React
0 vote219 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
0 vote215 views1 answer
Clickjacking in react js
Javascript React
0 vote198 views1 answer
Reactvs y axis range
Javascript React
4 votes209 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
0 vote297 views1 answer
Flutter or react native
Javascript React
0 vote217 views1 answer
React-big-calendar styling
Javascript React