Läsa tillstånd med useSelector

För att använda data från butiken i en komponent läser du den med useSelector. Denna hook låter din komponent komma åt det aktuella tillståndet.

Läsa tillstånd

Inuti en komponent anropar du useSelector och returnerar den del av tillståndet du behöver:

import { useSelector } from 'react-redux';

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

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

Funktionen tar emot hela butikens tillstånd, och du väljer endast det du behöver.

Varför detta är viktigt

Komponenter bör inte vara beroende av hela tillståndet. Genom att välja endast en liten del håller du komponenterna enkla och lättare att underhålla.

Komponenten uppdateras automatiskt när det valda tillståndet ändras. Du behöver inte manuellt trigga uppdateringar.