小编har*_*mar的帖子

redux中的API状态控制,即react-redux jhipster生成的代码中的PENDING、SUCCESS、FAILURE

在下面的 jhipster 生成的代码中,如何触发操作的挂起、成功和失败?对于我们使用的每种操作类型,它都附加有 _PENDING 或 _SUCCESS 或 _FAILURE,我无法弄清楚它在哪里以及如何发生。正如我所看到的,待处理、成功和失败状态正在由减速器处理,我不明白这些操作何时何地被触发。

例如,在下面的代码中,第一个操作的类型为 ACTION_TYPES.FETCH_MEDICINE_LIST = 'medicine/FETCH_MEDICINE_LIST'。

当medicine/FETCH_MEDICINE_LIST操作被触发时,实际触发的操作是medicine/FETCH_MEDICINE_LIST_PENDING、medicine/FETCH_MEDICINE_LIST_SUCCESS、medicine/FETCH_MEDICINE_LIST_FAILURE。Api 状态操作在何处以及如何触发?

import { ICrudGetAction, ICrudGetAllAction, ICrudPutAction, ICrudDeleteAction } from 'react-jhipster';

import { cleanEntity } from 'app/shared/util/entity-utils';
import { REQUEST, SUCCESS, FAILURE } from 'app/shared/reducers/action-type.util';

import { IMedicine, defaultValue } from 'app/shared/model/medicine.model';

export const ACTION_TYPES = {
  FETCH_MEDICINE_LIST: 'medicine/FETCH_MEDICINE_LIST',
  FETCH_MEDICINE: 'medicine/FETCH_MEDICINE',
  CREATE_MEDICINE: 'medicine/CREATE_MEDICINE',
  UPDATE_MEDICINE: 'medicine/UPDATE_MEDICINE',
  DELETE_MEDICINE: 'medicine/DELETE_MEDICINE',
  RESET: 'medicine/RESET'
};

const initialState = {
  loading: false,
  errorMessage: null,
  entities: [] as ReadonlyArray<IMedicine>,
  entity: defaultValue,
  updating: false,
  updateSuccess: false …
Run Code Online (Sandbox Code Playgroud)

reactjs jhipster redux react-redux

3
推荐指数
1
解决办法
1786
查看次数

标签 统计

jhipster ×1

react-redux ×1

reactjs ×1

redux ×1