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 vote267 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
0 vote284 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
6 votes302 views2 answers
React native password field
Javascript React
9 votes268 views1 answer
Create react app in current folder
Javascript React
0 vote313 views1 answer
How to setup icomoon in react js
Javascript React
8 votes284 views1 answer
Update object in react hooks
Javascript React
1 vote287 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
0 vote296 views1 answer
How to remove console.log from react native app
Javascript React
1 vote306 views2 answers
What is the purpose of the super(props) method in React
Javascript React
-1 vote332 views2 answers
React native font based on viewport dimensions
Javascript React