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 vote104 views1 answer
Styling scrollview height in react native
Javascript React
1 vote105 views1 answer
Percentage width react native
Javascript React
0 vote108 views1 answer
How to filter data from mongodb date in reactjs
Javascript React
0 vote150 views9 answers
How to run a cloned react native project
Javascript React
0 vote104 views1 answer
Create app with a specific react version
Javascript React
0 vote111 views1 answer
Get position of element in react
Javascript React
0 vote99 views1 answer
Telerik grid data automatically scroll to particular record in react
Javascript React
3 votes99 views1 answer
React router dom current path hook
Javascript React
0 vote116 views1 answer
Blank array condition in react js
Javascript React
8 votes106 views2 answers
React fragment
Javascript React