Status Lezen met useSelector

Om gegevens uit de store binnen een component te gebruiken, lees je deze uit met useSelector. Met deze hook krijgt je component toegang tot de huidige state.

State uitlezen

Roep binnen een component useSelector aan en retourneer het deel van de state dat je nodig hebt:

import { useSelector } from 'react-redux';

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

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

De functie ontvangt de volledige store state, en je selecteert alleen wat je nodig hebt.

Waarom dit belangrijk is

Componenten moeten niet afhankelijk zijn van de volledige state. Door slechts een klein deel te selecteren, houd je componenten eenvoudig en beter onderhoudbaar.

De component wordt automatisch bijgewerkt wanneer de geselecteerde state verandert. Je hoeft updates niet handmatig te triggeren.