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

3 votes144 views2 answers
Use onchange with react select
Javascript React
3 votes118 views4 answers
Import in react
Javascript React
2 votes112 views1 answer
React native socket io
Javascript React
1 vote116 views1 answer
React native slow performance after load iamges
Javascript React
18 votes111 views6 answers
React native build
Javascript React
3 votes115 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from [email protected]
Javascript React
1 vote112 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
4 votes144 views2 answers
React multiple select dropdown
Javascript React
0 vote119 views1 answer
React style css image
Javascript React
13 votes105 views3 answers
ImageBackground in React Native
Javascript React