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 vote139 views1 answer
Type svg react
Javascript React
21 votes155 views6 answers
React native apk build
Javascript React
11 votes156 views2 answers
How to refresh the page using react
Javascript React
0 vote169 views1 answer
React google places auto complete example
Javascript React
0 vote211 views1 answer
Remove unused dependencies in React Ask Question
Javascript React
0 vote147 views1 answer
Bot react message with custom emoji
Javascript React
10 votes154 views2 answers
React-native text overflow ellipsis
Javascript React
0 vote139 views1 answer
React Rendering Movies
Javascript React
0 vote146 views2 answers
Assigning ID to view react native
Javascript React
5 votes153 views4 answers
How to use useref hook in react
Javascript React