Что такое Redux Thunk?

Thunk — это промежуточное ПО для Redux.

Чтобы понять это, давайте посмотрим, что такое Redux в первую очередь. Redux — это библиотека JavaScript для управления состоянием приложения. В нем есть несколько ключевых понятий, таких как:

  • ‘действия’
  • ‘создатели действий’
  • ‘редукторы’
  • ‘dispatch’
  • ‘middleware’

Мы не будем вдаваться в подробности, просто знаем, что действия содержат информацию, которая отправляется редукторам. Промежуточное ПО находится между диспетчером и редукторами.

Промежуточное ПО Redux предоставляет стороннюю точку расширения между отправкой действия и моментом его достижения редуктором.

Thunk является одним из таких промежуточных программ, которые позволяют вам писать создателей действий, которые возвращают функцию вместо действия. Этот перехват действий до достижения редукторов позволяет вам включить такую ​​логику, как «задержка отправки действия» или «отправка только при соблюдении определенного условия».

Установка

  npm install redux-thunk  

Пример

Ниже создатель действия возвращает функцию для выполнения условной отправки.
Функция printWelcomeIfNewUser () обертывает функция printWelcome () и добавляет логику, отправляет printWelcome () , но только если состояние isNewUser истинно.

 функция  printWelcomeIfNewUser () {возврат (отправка, getState) => {const {isNewUser} = getState ();  если (! isNewUser) {возврат;  } отправка (printWelcome ());  };} 

Оцените статью
nanomode.ru
Добавить комментарий