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

9 votes196 views3 answers
React select
Javascript React
0 vote204 views1 answer
React native scrollbar position issue
Javascript React
0 vote241 views1 answer
Auto scroll to view react-native
Javascript React
0 vote209 views1 answer
Metro server not running react native
Javascript React
0 vote232 views1 answer
React-select-search useSelect hook
Javascript React
2 votes221 views1 answer
React promises
Javascript React
0 vote216 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React
2 votes222 views2 answers
Add 2 class names react
Javascript React
93 votes182 views6 answers
React router dom install
Javascript React
0 vote205 views1 answer
React Calender Style
Javascript React