React, Redux - Получение данных после обновления через вызов API

Я использую реакцию с редукцией и машинописным текстом, пытаюсь добавить элемент из реакции через вызов api, который возвращает результат независимо от того, успешен он или нет.

Итак, я получаю данные из componentDidMount

componentDidMount() {
    this.props.dispatch(loadData());
}

И из слоя действий я добавляю элемент, как показано ниже

static addItem = (Item: IAddItemRequest): Promise<number> => {
            return Promise.resolve(
            AI.addItem(Item).then((ItemData) => {
                return ItemData;
            }).catch(error => {
                return error;
            }));
        }

Итак, как я могу загрузить данные после добавления элемента

Также AddItem не меняется в состоянии

reactjs typescript redux redux-thunk

07.06.2018 10:26

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

256

Ответы 1

Возможный soln можно выбрать с помощью двух действий: 1 для добавления элемента, а для второго - для загрузки данных.

export const loadData = (ItemData) => {
    return {
        type: LOAD_DATA,
        payload: ItemData
    };
};

export const addItemAction = (Item) => {
    return dispatch => {
        addItem(Item).then(ItemData => {
            dispatch(loadData(ItemData));
        });
    };
};

Выше оба связаны между собой действиями redux, и мы должны вызвать первое действие в методе componentDidMount компонента реакции, как показано ниже.

componentDidMount() {
    this.props.dispatch(addItemAction(Item));
}

07.06.2018 10:48

Другие вопросы по теме

Как проверить, существует ли комната перед отправкой сообщения в сокет?

Изменение Css из значения массива

Typescript jwt.verify не может получить доступ к данным

Общий сервис работает только на Init - Angular

Параметр типа объединения перечислений?

Ошибка машинописного текста в Storybook 3.4.6 с использованием ts-loader

Событие onValueChange на дату. PrimeNG 5.2.4

Ngx-tinymce-editor не имеет экспортированного члена 'NgxTinymceModule'

(окно как любое) .global = window;

WebStorm намекает мне на ошибку TS (TS2705), когда я использую jest (ts-jest async / await test)

React, Redux - Получение данных после обновления через вызов API

Ответы 1

Другие вопросы по теме

Похожие вопросы