Как типизировать thunk actions в typescript?

Question

Какой правильный способ типизации thunk actions в typescript?

export const addTodoAction = ({text, completed}: NewTodo) => { 
  return (dispatch: Dispatch<TodoAction>) => {...} 
}

или

export const addTodoAction = ({text, completed}: NewTodo): ThunkAction<void, RootState, null, TodoAction> => { 
  return dispatch => {...} 
}

Answer 1

const addTodoAction: ActionCreator<
ThunkAction<Promise<Action>, ITodo, void, Action>
> = () => async (dispatch: ThunkDispatch<ITodo, null, AnyAction>): 
Promise<Action> => {
  try {
    const todos = await axios();
    return dispatch<ITodoActionInit>({
      type: TodoActionTypes.TODO_INIT,
      payload: { todos },
    });
  } catch (error) {
    return dispatch<ITodoActionError>({
      type: TodoActionTypes.TODO_ERROR,
      payload: { error },
    });
  }
};

БЛОГ НА HUSL

Как типизировать thunk actions в typescript?

Ответы (1 шт):