[TS] 타입가드란?

IT쿠키·2022년 10월 12일
1

[뉴비쿠키 React]

목록 보기
5/12

Type Guard

Type guard를 사용하면 조건문에서 객체의 타입을 좁혀나갈 수 있다. 회사 업무를 하다가 특정 api 호출시 ItemInfo | null 인 값을 redux toolkit 의 리듀서로 state(상태)값을 활용했어야 할 때 활용함

    // itemseginfo
    setItems(
      state,
      action: PayloadAction<{
        setItemsOption: boolean;
      }>
    ) {
      const { setItemsOption } = action.payload;
      if (state.Items) {
        state.Items.useOption.setItemsOption = setItemsOption;
      }
    },

해당 부분 을 Type guard를 사용하여 조건문을 제거하는 역할을 해줌

if (state.Items) { // 이 구분에서 Items | null 을 할당 했지만 if문을 활용하여 => state.Items의 null을 제거해줌
	state.Items.useOption.setItemsOption = setItemsOption;
 }
profile
IT 삶을 사는 쿠키

0개의 댓글