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 vote233 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
6 votes235 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
13 votes233 views4 answers
React deep copy
Javascript React
4 votes219 views2 answers
React checking matches in state array
Javascript React
1 vote233 views1 answer
React native get numeric random string length of 5 characters
Javascript React
17 votes228 views3 answers
Reducer react
Javascript React
1 vote223 views1 answer
Angular validators number only in reactive form
Javascript React
0 vote228 views1 answer
Limit data with axios in react js
Javascript React
1 vote227 views2 answers
Send an email react native
Javascript React
158 votes408 views6 answers
React create app
Javascript React