Оновлення стану за допомогою useDispatch

Щоб змінити стан у Redux, необхідно надіслати дію (action) до сховища (store). Це виконується за допомогою хука useDispatch.

Відправлення дії

Усередині компонента викликається useDispatch і використовується для запуску дій:

import { useDispatch } from 'react-redux';
import { increment } from './counterSlice';

function Counter() {
  const dispatch = useDispatch();

  return (
    <button onClick={() => dispatch(increment())}>
      Increase
    </button>
  );
}

Коли кнопка натискається, дія надсилається до сховища, і стан оновлюється.

Як це працює

Стан не оновлюється напряму. Замість цього відправляється дія, і Redux визначає, як саме має змінитися стан за допомогою редʼюсерів.

Такий підхід забезпечує передбачуваність оновлення стану. Усі зміни проходять через один і той самий процес, що спрощує розуміння та налагодження застосунку.