title: How to use Switch Case statement in arrow function component?
body: <p>I have 3 different content components , I want to use Switch Case statement to put in my arrow function component, how could I do this?</p>
  <pre><code>switch(Pama) {
          case 1: 
              return &lt;component1/&gt;
              break;
          case 2:
              return &lt;component2/&gt; 
              break;
          case 3:
              return &lt;component3/&gt;
              break;
   }
  
  const Card = () =&gt; {
      const [hidden, setHidden] = useState(true);
      return (
          &lt;&gt;
              { hidden &amp;&amp;  
              &lt;Card_Container &gt;
                  I want to put the return component here
              &lt;Card_Container&gt;
              
              }
          &lt;/&gt;   
      );
  }
  </code></pre>