Загрузчик с использованием React Redux thunk

Question

Я работаю над проектом, в котором мы используем реакцию с избыточным и избыточным количеством (мы используем промежуточное программное обеспечение).

Это проект с кодом строки в 100 000+, так что я не в курсе всего, что скрыто.

У меня есть простая проблема, когда я получаю данные на сервер (в .Net), у меня есть загрузчик, чтобы сообщить пользователю, что сервер работает.

У меня есть файл в формате .js с действием для извлечения данных:

// Query Count management
export function segmentCount(queryIndex) {
    return function(dispatch) {
        dispatch({ type: ActionTypes.COUNT + '_PENDING', payload: { queryIndex: queryIndex } });
        axios.post(urls.SegmentCount, [queryIndex])
            .then((response) => {
                dispatch({ type: ActionTypes.COUNT + '_FULFILLED', payload: { queryIndex: queryIndex, response: response } });
            })
            .catch((err) => {
                dispatch({ type: ActionTypes.COUNT + '_REJECTED', payload: { queryIndex: queryIndex, response: err } });
            });
    }
}
export function actionCount(queryIndex) {
    return function(dispatch) {
        dispatch({ type: ActionTypes.COUNT + '_PENDING', payload: { queryIndex: queryIndex } });
        axios.post(urls.ActionCount, [queryIndex])
            .then((response) => {
                dispatch({ type: ActionTypes.COUNT + '_FULFILLED', payload: { queryIndex: queryIndex, response: response } });
            })
            .catch((err) => {
                dispatch({ type: ActionTypes.COUNT + '_REJECTED', payload: { queryIndex: queryIndex, response: err } });
            });
    }
}

И мой jsx, где я вызываю функцию:

segmentCount() {
        this.props.dispatch(segmentCount(this.props.queryId));
    }
    actionCount() {
        this.props.dispatch(actionCount(this.props.actionId));
    }

Загрузчик обычно появляется, когда у нас есть ActionTypes_PENDING.

Все работает нормально, я добавил функцию actionCount, она работает, но у меня нет загрузчика, где, как при использовании segmentCount, он у меня есть.

Я понятия не имею, где искать это решение. Если кто-нибудь знает, где искать этот, я буду очень счастлив! Скажите, если вам нужна конкретная информация.

Заранее спасибо сообществу!

Answer 1

Согласно моему пониманию сегмент-счет и actionCount с разными разделами. Поэтому вам нужно использовать другой тип отправки.

 dispatch({ type: ActionTypes.SegmentCOUNT + '_PENDING', payload: { queryIndex: queryIndex } });

 dispatch({ type: ActionTypes.ActionCOUNT + '_PENDING', payload: { queryIndex: queryIndex } });

Также добавьте образец загрузчика для большего понимания.

Надеюсь, что ответ выше решил вашу проблему.