examples of switch in react

switch.js

// Class based
class MyComponent {
 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>
  );
 }
}

// functional based
const MyComponent = ({ someProp ) => {
   
    const DivToRender = useMemo(() => {
       switch(someProp) {
         case "First":
           return "foo"
         default:
           return "bar"
       }
    }, [someProp])

    return ( 
        <div>
          <div>
          // removed for brevity
          </div>
          <DivToRender />
          <div>
             // removed for brevity
          </div>
       </div>
}