Wat is de state in React en waar is het voor nodig?

State in React is een object dat de gegevens van een component opslaat die van invloed zijn op de weergave en het gedrag ervan. Het is nodig zodat componenten kunnen reageren op gegevenswijzigingen en de UI dynamisch kunnen bijwerken.

Bijvoorbeeld, als je een knop hebt die de tekst wijzigt bij het klikken, slaat de state de huidige tekst op en bij het bijwerken van de state, rendert React de component opnieuw:

import React, { useState } from 'react';

function Example() {
  const [text, setText] = useState('Klik op mij');

  return (
    <button onClick={() => setText('Dank je!')}>{text}</button>
  );
}

Op deze manier maakt de state het mogelijk om interactieve en dynamische interfaces te creëren.