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 vote359 views1 answer
React native create text file
Javascript React
0 vote392 views2 answers
React Class components LifeCycles
Javascript React
0 vote353 views1 answer
Form.Control textarea react bootstrap
Javascript React
0 vote342 views1 answer
Mdn react
Javascript React
0 vote364 views1 answer
Reactjs download file axios
Javascript React
3 votes393 views1 answer
React hooks send data from child to parent
Javascript React
0 vote306 views2 answers
React particles react
Javascript React
0 vote415 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
1 vote358 views1 answer
Node js and react js difference
Javascript React
3 votes342 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React