Автор оригинала: FreeCodeCamp Community Member.
Ryan Yurkanin.
TLDR: Вы можете обрабатывать состояние с редуктором в компонентах класса, имея одну функцию, которая переводит действия в состояние изменения. Он централизует все ваши настройки.
? Что такое редуктор?
Редукторы – это функции, которые принимают ввод и решают, что делать это с ним в одном центральном месте. Вот и все. ?
Если у вас есть функция, которая определяет вид на показать на основе URL, это редуктор.
Redux Reeders ™ ️ – это специфическое использование редукторов, которые интерпретируют события в вашем приложении, и как это изменяет состояние приложения.
Если вы не знакомы с redux, вышеприведенный пример обычно KickStarted, вызывая Отправка Функция с Действие (Объект, описывающий событие). ?
Теперь мы можем использовать редукторы прямо сейчас в компоненте класса, создав функцию, которая обрабатывает настройку состояния по типу действия, как:
Использование редуктора в этом простом примере – это сверхугольник. Я рад, что реагировать, будет предоставлять как Уместите и Успеведщик крючок по этой причине.
Если бы я заметил, что я передал способы изменить состояние, а Считать В сочетании с еще несколькими государственными свойствами я бы перешел на редуктор.
Поскольку redux помещает все его состояние в один объект, который быстро растет, это делает шаблон редуктора идеальной посадкой. Можно удалить редукторы из Redux, хотя мы потеряли бы тонну удивительных особенностей.
Redux позволяет вам соединить Ваш глобальный магазин к вашему компоненту. Вы можете перевести состояние в реквизиты. Они также предоставляют Отправка Функция, которая вызывает ваши редукторы.
Вместо того, чтобы пройти Отправка Функция, давайте пройдем в Обновить Функция, которая работает как SetState Отказ
? Создание худшей версии Redux
Когда вы называете обновление, вы говорите именно то, как состояние должно изменить встроенный. Это может быть или не может быть рядом с другими аналогичными изменениями состояния.
С небольшим состоянием этого на самом деле чувствует себя красиво и лаконично. Если у нас было 5 или более компонентов, изменяющих несколько свойств состояний, было бы трудно найти источник ошибок. ? ?
Даже без изменения Redux вообще вы можете эмулировать этот шаблон. Диспетчерские действия, которые выглядят как Set_count намеки мы действительно просто хотим SetState Отказ Это легкая вещь, чтобы сделать.
Если мы создадим меньшее мнение, как Riscretion_button_clicked. Мы могли бы использовать его во многих редукторах, и полезная нагрузка на действие не сильно варьируется.
? Редукторы полезны для более чем государства
Редукторы – отличный способ Collious Collifise. Если вы работали с React-Router-4 ранее, то вышеуказанный код должен выглядеть довольно знакомо.
Благодаря
Теперь, если у кого-то есть вопрос «Какие все способы могут изменить URL-адрес», у них есть одно центральное место, чтобы посмотреть.
? Суммируя это
- Редукторы как шаблон существуют вне Redux и JavaScript и просты для реализации. У них есть одна ответственность за участие в входе и предоставлении продукции.
- Редукторы Redux превращают события приложений в состояние. Вам не нужно redux, чтобы сделать это сейчас, вы можете сделать это с локальным компонентным состоянием.
- Редукторы позволяют легко организовать и найти разные варианты того, что может произойти в коде и полезно, поскольку приложения растут большими.
Если у вас есть какие-либо вопросы или ищете настраивание по реагированию One-One, не стесняйтесь твитнуть мне @Yurkaninryan любое время!
Если вам нравится мой стиль письма, вот некоторые другие статьи, которые я сделал.
Оригинал: “https://www.freecodecamp.org/news/how-to-understand-reducers-you-can-use-them-without-redux-2935208bdb12/”