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

2 votes110 views1 answer
React array find index
Javascript React
0 vote131 views1 answer
React convert table to pdf
Javascript React
-1 vote123 views3 answers
Instalar react native paper
Javascript React
1 vote139 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
-1 vote112 views1 answer
Convert create-react-app to typscript
Javascript React
0 vote118 views1 answer
React Calender Style
Javascript React
0 vote115 views1 answer
Event handling in react documentation
Javascript React
0 vote120 views1 answer
Sort by string react
Javascript React
0 vote120 views1 answer
React native delay input
Javascript React
2 votes145 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React