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

1 vote141 views1 answer
React js router parameters
Javascript React
0 vote138 views1 answer
Get rid of header bar react native
Javascript React
40 votes136 views5 answers
Fetch react
Javascript React
2 votes125 views2 answers
React google maps
Javascript React
142 votes305 views6 answers
Create-react-app
Javascript React
0 vote145 views1 answer
React-scripts test single file
Javascript React
0 vote143 views1 answer
Returned data has p tags react
Javascript React
0 vote135 views1 answer
React native firebase community template
Javascript React
1 vote123 views1 answer
Document not intialized react js
Javascript React
17 votes141 views5 answers
React native icons
Javascript React