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

64 votes324 views6 answers
React js router
Javascript React
13 votes346 views3 answers
React native conditional rendering
Javascript React
-1 vote339 views2 answers
React pdf
Javascript React
2 votes328 views2 answers
Easiest way to show current date in react
Javascript React
0 vote303 views1 answer
React enzyme
Javascript React
0 vote287 views3 answers
Flash effect in react native
Javascript React
6 votes346 views2 answers
How do I conditionally add attributes to React components?
Javascript React
0 vote340 views1 answer
Ej2 react calenders
Javascript React
0 vote305 views1 answer
Fetch is not defined jest react
Javascript React
2 votes331 views1 answer
Set dynamic route in link react js
Javascript React