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 vote201 views2 answers
What is reactive method
Javascript React
11 votes206 views2 answers
Shadow using react native
Javascript React
6 votes216 views1 answer
Create bottom navigation bar react native
Javascript React
0 vote178 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
2 votes185 views1 answer
React add gradient top to bottom
Javascript React
0 vote207 views1 answer
React.common.JavascriptException: Error: invalid host
Javascript React
0 vote198 views1 answer
React.js file extension
Javascript React
1 vote222 views3 answers
Npm update react
Javascript React
0 vote188 views1 answer
CChartpie react
Javascript React
0 vote186 views3 answers
How to hide a screen from drawer in react navigation 5
Javascript React