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 vote242 views1 answer
Take string until react
Javascript React
0 vote245 views1 answer
React-tournament-ready
Javascript React
3 votes236 views2 answers
Autocomplete react jsx attributes vscode
Javascript React
0 vote245 views1 answer
Import tippy react
Javascript React
0 vote246 views1 answer
How to disable reactive form submit button in Angular
Javascript React
0 vote225 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
1 vote230 views1 answer
React best way of forcing component to update
Javascript React
0 vote214 views5 answers
React buttons npm
Javascript React
0 vote259 views1 answer
Stop React Ant Design Upload component from posting files automatically
Javascript React
0 vote240 views1 answer
Multi filtering react
Javascript React