В чем смысл следующего кода реагировать нативно и избыточно

Question

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

В настоящее время я начал использовать избыточный код и непосредственно нашел код, как показано ниже, который содержитmiddleware.

const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);
const reducer = combineReducers(reducers);
const store = createStoreWithMiddleware(reducer);

Я не понимаю, что делает этот код.Пожалуйста, помогите мне понять, что делают эти три строки кода.

Answer 1

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

Вторая строка ОбъединитьReducers Вы просто комбинируете все свои редукторы, определенные в вашей реализации.Поскольку их может быть несколько, это позволяет хранить состояния в одном и том же хранилище.

В третьей строке вы просто создаете хранилище с объединенными редукторами и пользовательскими функциями, которые вы определили ранее.

Подробнее о applyMiddleware можно прочитать здесь: https://redux.js.org/api/applymiddleware

Answer 2

const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);

В этой строке создается функция (createStoreWithMiddleware), которая принимает список аргументов и создает объект хранилища, который применяет промежуточное ПО thunk .Thunk позволяет легче обрабатывать логику побочных эффектов.

const reducer = combineReducers(reducers);

Эта линия объединяет все ваши отдельные редукторы в один полный редуктор.Это означает, что всякий раз, когда действие отправляется, оно отправляется всем редукторам в вашем проекте.

const store = createStoreWithMiddleware(reducer);

Эта строка создает ваш магазин, используя ваш редуктор из предыдущей строки, так что применяется промежуточное программное обеспечение thunk.