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

6 votes233 views4 answers
Autocomplete react vscode
Javascript React
0 vote197 views1 answer
ERROR in ./node_modules/react-icons/all.js 4:0-22
Javascript React
0 vote183 views1 answer
S3 private image getobject react js
Javascript React
1 vote204 views3 answers
Bash: react-scripts: command not found
Javascript React
0 vote236 views2 answers
Sending props via navigate() of react router v6
Javascript React
0 vote182 views1 answer
How to link a photo in expo react native
Javascript React
4 votes194 views2 answers
Countdown in react js
Javascript React
0 vote169 views1 answer
Display image from local JSON / JS Object using React
Javascript React
2 votes212 views4 answers
Update react
Javascript React
5 votes181 views2 answers
Get url query in react
Javascript React