本文整理匯總了TypeScript中src/utilities/updateOrAdd.default函數的典型用法代碼示例。如果您正苦於以下問題:TypeScript default函數的具體用法?TypeScript default怎麽用?TypeScript default使用的例子?那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。
在下文中一共展示了default函數的3個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: updateOrAdd
const reducer: Reducer<State> = (state = defaultState, action) => {
if (isType(action, getImagesRequest)) {
return {
...state,
loading: true,
};
}
if (isType(action, getImagesSuccess)) {
const { payload } = action;
return {
...state,
loading: false,
lastUpdated: Date.now(),
entities: payload,
results: payload.map(t => t.id)
};
}
if (isType(action, getImagesFailure)) {
const { payload } = action;
return {
...state,
loading: false,
error: payload,
};
}
if (isType(action, removeImage)) {
const { payload } = action;
/**
* Events provide a numeric ID, but the actual ID is a string. So we have to respond
* to both potentials.
* ![Hard to work](https://media.giphy.com/media/juSraIEmIN5eg/giphy.gif)
*/
const id = typeof payload === 'string' ? payload : `private/${payload}`
const updated = state.entities.filter((image) => image.id !== id);
return {
...state,
entities: updated,
results: updated.map((i) => i.id),
};
}
if (isType(action, addOrUpdateImage)) {
const { payload } = action;
const updated = updateOrAdd(payload, state.entities);
return {
...state,
entities: updated,
results: updated.map((i) => i.id),
}
}
return state;
};
示例2: entitiesFromPayload
const reducer: Reducer<State> = (state = defaultState, action) => {
if (isType(action, getDomainsRequest)) {
return {
...state,
loading: true
};
}
if (isType(action, getDomainsSuccess)) {
const { payload } = action;
return {
...state,
entities: entitiesFromPayload(payload),
results: resultsFromPayload(payload),
lastUpdated: Date.now(),
loading: false
};
}
if (isType(action, getDomainsFailure)) {
const { payload } = action;
return {
...state,
error: payload,
loading: false
};
}
if (isType(action, upsertDomain)) {
const { payload } = action;
const updated = updateOrAdd(payload, state.entities);
return {
...state,
entities: updated,
results: updated.map(domain => domain.id)
};
}
if (isType(action, deleteDomain)) {
const { payload } = action;
const { entities, results } = state;
return {
...state,
entities: entities.filter(domain => domain.id !== payload),
results: results.filter(id => id !== payload)
};
}
if (isType(action, createDomainActions.done)) {
const { result } = action.payload;
const updated = updateOrAdd(result, state.entities);
return {
...state,
entities: updated,
results: updated.map(domain => domain.id)
};
}
if (isType(action, updateDomainActions.done)) {
const { result } = action.payload;
const updated = updateOrAdd(result, state.entities);
return {
...state,
entities: updated,
results: updated.map(domain => domain.id)
};
}
if (isType(action, deleteDomainActions.done)) {
const { domainId } = action.payload.params;
const { entities, results } = state;
return {
...state,
entities: entities.filter(domain => domain.id !== domainId),
results: results.filter(id => id !== domainId)
};
}
return state;
};
示例3: updateOrAdd
const reducer: Reducer<State> = (state = defaultState, action) => {
/** Get ALL */
if (isType(action, linodesRequest.started)) {
return {
...state,
loading: true
};
}
if (isType(action, linodesRequest.done)) {
const {
payload: { result }
} = action;
return {
...state,
entities: result,
results: result.map(getId),
lastUpdated: Date.now(),
loading: false
};
}
if (isType(action, linodesRequest.failed)) {
const { error } = action.payload;
return {
...state,
error,
loading: false
};
}
if (isType(action, upsertLinode)) {
const { payload } = action;
const entities = updateOrAdd(payload, state.entities);
return {
...state,
entities,
results: entities.map(getId)
};
}
if (isType(action, updateMultipleLinodes)) {
const { payload } = action; /** list of successfully updated Linodes */
if (payload && payload.length === 0) {
return state;
}
return {
...state,
entities: [
...state.entities.filter(eachEntity => {
return !payload.some(eachLinode => {
return eachLinode.id === eachEntity.id;
});
}),
...payload
]
};
}
if (isType(action, deleteLinode)) {
const { payload } = action;
const { entities, results } = state;
return {
...state,
entities: entities.filter(linode => linode.id !== payload),
results: results.filter(id => id !== payload)
};
}
if (isType(action, updateLinode)) {
const { id, update } = action.payload;
const entities = updateById(update, id, state.entities);
return {
...state,
entities,
results: entities.map(getId)
};
}
if (isType(action, updateLinodeActions.done)) {
const { result } = action.payload;
const update = updateOrAdd(result, state.entities);
return {
...state,
entities: update,
results: update.map(getId)
};
}
if (isType(action, createLinodeActions.done)) {
const { result } = action.payload;
const entities = [...state.entities, result];
return {
...state,
//.........這裏部分代碼省略.........