В чем разница между store.dispach, useDispatch и диспетчеризацией от useReducer?

Question

import React, { useReducer } from "react";

...

import { useDispatch } from "react-redux";

...

import { createStore } from "redux";

const store = createStore(

... Я вижу все запускающие действия, но диспетчеризация useReducer не обновляет состояние избыточности.

Answer 1

Правильно, useReducer не не обновляет избыточное хранилище. useReducer - это обычная ловушка реагирования, которая позволяет компоненту функционально применять обновления локальных состояний, аналогично шаблону, используемому Redux, очень распространенной глобальной библиотекой управления состоянием приложения. Думайте о useReducer как о версии состояния Redux, которая является состоянием приложения.

useDispatch - это ловушка, предоставляемая react-redux, которая использует контекст редукции (содержащий хранилище / состояние), аналогично функциональность, которую connect компонент высшего порядка обеспечивает при переносе компонента. Они оба предоставляют функцию dispatch для отправки действий в хранилище редуксов.

store.dispatch - это функция dispatch.

Примечание: react-redux connect HO C использует redux s bindActionCreators, чтобы обернуть (связать) функцию отправки ваших создателей действий, определенных в mapDispatchToProps.