프론트 Enum

기존 API를 이용하여 리턴되는 값들은 true false여서 간단하게 사용중 이었는데

return이 Enum들로 오다보니 문서를 보지않으면 나중에 절대 유지보수하는게 쉽지 않을 것 같아서

고민하던찰나 쉽게 가독성을 올릴수 있는 방법을 찾아서
기억삼아 기록합니다.

//기존
{api.state ? <StopIcon /> : <StartIcon />}

//변경
{api.state === 1 ? <StopIcon /> : <StartIcon />}

//Enum
export const StateEnum = {
  STARTING: 0,
  RUNNING: 1,
  STOPPING: 2,
  STOPPED: 3,
  DELETING: 4,
  DELETED: 5,
  DESTROYED: 6,
};

{componentDetail.state === StateEnum.RUNNING ? <StopIcon /> : <StartIcon />}