Wat is de toestand van de component?

De toestand van een component is een verzameling gegevens die het huidige gedrag en de weergave van de component in de gebruikersinterface bepaalt. In React bijvoorbeeld, wordt de toestand binnenin de component opgeslagen en kan deze in de loop van de tijd veranderen, wat een hernieuwde rendering veroorzaakt om de UI bij te werken.

Voorbeeld: een teller die bij klikken toeneemt, bewaart zijn huidige waarde in de toestand.

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>Teller: {count}</p>
      <button onClick={() => setCount(count + 1)}>Verhogen</button>
    </div>
  );
}

Op deze manier maakt de toestand het mogelijk voor de component om interactief te zijn en dynamisch te reageren op gebruikersacties of andere gebeurtenissen.