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 vote140 views2 answers
How to use gif in react native
Javascript React
5 votes158 views2 answers
React js download file
Javascript React
22 votes161 views4 answers
Reactjs copytoclipboard box
Javascript React
0 vote145 views1 answer
Generate ios build react native
Javascript React
0 vote127 views1 answer
Remove stack header bottom line react native
Javascript React
0 vote144 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
0 vote133 views2 answers
React 17 hot reload not working
Javascript React
0 vote131 views1 answer
Reactjs class exemple componentDidMount
Javascript React
0 vote147 views1 answer
React userefrence example
Javascript React
2 votes130 views2 answers
Prevent refresh react
Javascript React