Читання стану за допомогою useSelector

Щоб використовувати дані зі стору всередині компонента, їх зчитують за допомогою useSelector. Цей хук дозволяє компоненту отримувати доступ до поточного стану.

Зчитування стану

Усередині компонента викликайте useSelector і повертайте ту частину стану, яка потрібна:

import { useSelector } from 'react-redux';

function Counter() {
  const value = useSelector((state) => state.counter.value);

  return <p>{value}</p>;
}

Функція отримує повний стан стору, і ви обираєте лише необхідне.

Чому це важливо

Компоненти не повинні залежати від усього стану. Обираючи лише невелику частину, ви спрощуєте компоненти та полегшуєте їх підтримку.

Компонент буде автоматично оновлюватися при зміні вибраного стану. Не потрібно вручну викликати оновлення.