NGRX/저장 페이로드 유형 혼란

Question

나는 다음과 같은 작업이

:

: 다음과 같은 기본 감속기 설치

export interface State { 
    orderids: string[]; 
    entities: { [orderID: string]: OrderHead }; 
    selectedOhID: string | null; 
}; 

// Set initial state to empty 
const initialState: State = { 
    orderids : [], 
    entities: {}, 
    selectedOhID: null, 

}; 
export function OHreducer(state = initialState, action: orderhead_imp.Actions): State{ 
     switch(action.type){ 

     case orderhead_imp.ActionTypes.CREATE_OH: 
      let orders = action.payload; 
      let newOrders = orders.filter(orderhead => !state.entities[orderhead.orderID]); 

      let newOrderIds = newOrders.map(orderhead => orderhead.orderID); 
      let newOrderHeadEntities = newOrders.reduce((entities: { [orderID: string]: OrderHead }, orderhead: OrderHead) => { 
       return Object.assign(entities, { 
       [orderhead.orderID]: orderhead 
       }); 
      }, {}); 

      return { 
       orderids: [ ...state.orderids, ...newOrderIds ], 
       entities: Object.assign({}, state.entities, newOrderHeadEntities), 
       selectedOhID: state.selectedOhID 
       }; 

     default: 
      return state; 

    }; 
} 

나는 다른 작업을 소개하는 경우는, 그러나, 잘 작동으로

export const ActionTypes = { 
    CREATE_OH:     type('[ORDERHEAD] Create Orderhead'), 
    MODIFY_SELECTED_OH: type('[ORDERHEAD] Select Orderhead'),  
}; 

export class CreateOHAction implements Action { 
    type = ActionTypes.CREATE_OH 

    constructor(public payload: OrderHead[]) { } 
} 

export type Actions 
    = CreateOHAction 
    | SelectOHAction; 

을

export class SelectOHAction implements Action { 
    type = ActionTypes.MODIFY_SELECTED_OH 

    constructor(public payload: string) { } 
} 

알림 :이 작업의 페이로드는 은 곧이 저장, 또는 컴파일 시도로, 타이프 라이터 지금 상태 : "필터는 입력 문자열에 exisit하지 않습니다 | OrderHead []"이제

내 감속기에 가서 새로운 케이스 추가하는 경우 :

을 의 매핑 action.payload 때

case orderhead_imp.ActionTypes.MODIFY_SELECTED_OH: { 
return { 
    orderids: state.orderids, 
    entities: state.entities, 
    selectedOhID: action.payload 
}; 
} 

내가 타이프 라이터 오류를 얻을 :

는 TS 오류 를 throw |

O "를 문자열 OrderHead는 [] 문자열을 입력하기 위해 할당 할 수없는" 분명히 두 경우 모두 페이로드에는 다른 데이터 구조가 있습니다. 각 경우가 action.payload에 대한 올바른 유형을 선택하도록 내 코드를 다른 방식으로 변경해야합니까?

업데이트

그래서 내 행동에 나는 같은 페이로드를 정의 할 경우 대신 "문자열"은 그러나이 매우 해키 (그리고 예상되지 것, 문제없이 컴파일하고 작동하는 것 같다의 "모든" 동작)

export class SelectOHAction implements Action { 
    type = ActionTypes.MODIFY_SELECTED_OH 

    constructor(public payload: any) { } 
} 

Answer 1

이 문제는 Typescript> 2.1 및 ngrx의 util 유형 문제입니다.

타이프 2.1

지금 당신은 단순히 지금은 사방이 item.ActionTypes.CREATE_OH을 사용

export const CREATE_OH: '[ORDERHEAD] Create Orderhead'; 
export class CreateOHAction implements Action { 
    type = CREATE_OH 

    constructor(public payload: OrderHead[]) { } 
} 

로 작업을 정의 할 수 있습니다 위 item.CREATE_OH로 교체하십시오. 형식은 typescript 2.1에서 예상대로 흐를 것입니다.