本文整理匯總了TypeScript中@webapp/store/utils.createTypedAsyncItem函數的典型用法代碼示例。如果您正苦於以下問題:TypeScript createTypedAsyncItem函數的具體用法?TypeScript createTypedAsyncItem怎麽用?TypeScript createTypedAsyncItem使用的例子?那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。
在下文中一共展示了createTypedAsyncItem函數的2個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: reducer
import {
State,
Actions,
PickupActionTypes,
} from '@webapp/store/pickups/types';
import { createTypedAsyncItem } from '@webapp/store/utils';
import Pickup from '@typings/Pickup';
const asyncItem = createTypedAsyncItem<Pickup>();
function reducer(state: State | undefined = {}, action: Actions): State {
switch (action.type) {
case PickupActionTypes.START_FETCH: {
return {
...state,
[action.payload.pickupId]: asyncItem.createLoadingState(),
};
}
case PickupActionTypes.FETCHED: {
const { pickup } = action.payload;
return {
...state,
[pickup.id]: asyncItem.createFetchedState(pickup),
};
}
case PickupActionTypes.FETCH_ERROR: {
return {
...state,
[action.payload.pickupId]: asyncItem.createErrorState(action.payload.error),
};
示例2: mapObjectValues
import { mapObjectValues } from '@utils/object';
import gamemodes from '@config/gamemodes';
import { createTypedAsyncItem } from '@webapp/store/utils';
import Queue from '@typings/Queue';
import {
State,
Actions,
QueueActionTypes,
} from './types';
const asyncItem = createTypedAsyncItem<Queue>();
const defaultState = mapObjectValues(gamemodes, () => asyncItem.createNotStartedState());
export default function reducer(state: State | undefined = defaultState, action: Actions): State {
switch (action.type) {
case QueueActionTypes.START_FETCH: {
return {
...state,
[action.payload.gamemode]: asyncItem.createLoadingState(),
};
}
case QueueActionTypes.UPDATE:
case QueueActionTypes.FETCHED: {
return {
...state,
[action.payload.queue.gamemode]: asyncItem.createFetchedState(action.payload.queue),
};
}
case QueueActionTypes.FETCH_ERROR: {
return {