реагировать / восстанавливать - извлекать API в приложении реагировать на восстановление

Question

Я новичок в реагировании и избыточности, и я проверял приложение корзины покупок, что, если я хочу получить эти фиктивные объекты из внешнего интерфейса API. Я могу получить apis в ответ, но его редукция немного сбивает меня с толку.

productsReducer.js

const INIT_PRODUCTS = [
    {id:1, title: 'Watch', description: 'Lorem Ipsum', price: 80, img:''},
    {id:2, title: 'Watch', description: 'Lorem Ipsum', price: 50, img:''},
    {id:3, title: 'Watch', description: 'Lorem Ipsum', price: 35, img:''}
];
export default function productsReducer(state=INIT_PRODUCTS, action={}) {

    function findProductIndex(products, id) {
        return products.findIndex((p) => p.id === id)
    }

    return state;
}

Answer 1

когда вы используете API выборки, вы выполняете асинхронное действие (вызов сервера обычно асинхронный). Redux не поддерживает асинхронные действия по умолчанию. поэтому вам нужно использовать промежуточное ПО под названием 'thunk' или 'redux-saga' (thunk проще) это промежуточное ПО дает вам возможность использовать приставку с асинхронными действиями.

как работает thunk? Вы создаете создателя действия, который возвращает функцию вместо создателя acrion, который возвращает объект. и вы передаете этой возвращенной функции функцию отправки из магазина. это дает возвращаемой функции возможность вызывать диспетчеризацию асинхронно - как обратный вызов

это лучшее руководство на эту тему

спасибо за манекен