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 vote105 views3 answers
React-router-dom status code 301
Javascript React
0 vote116 views1 answer
Make a button who disable scrolling down the page react
Javascript React
5 votes107 views1 answer
How to create component in reactjs
Javascript React
1 vote121 views1 answer
Inline z-index react
Javascript React
0 vote100 views1 answer
Change env location react
Javascript React
0 vote193 views1 answer
React native create text file
Javascript React
0 vote105 views1 answer
How to detect an element is been hovered in react
Javascript React
0 vote103 views1 answer
React native zindex issue on android
Javascript React
3 votes110 views1 answer
React native run on device command line
Javascript React
0 vote109 views1 answer
React-google-invisible-recaptcha
Javascript React