리액트 JSX/TSX에서 switch 문법 사용하기

 

function HelloWorld() {
  const [state, setState] = useState<number>(0);

  return (
    <Button>
      {(() => {
        switch (state) {
          case 0:
            return <Minus size="18" />;
          case 1:
            return <ArrowDown size="18" />;
          case 2:
            return <ArrowUp size="18" />;
          default:
        }
      })()}
    </Button>
  );
}