Mis on komponendi olek?

Komponendi olek on andmekogum, mis määrab selle käitumise ja välimuse praegusel kasutajaliideses. Näiteks Reactis salvestatakse olek komponendi sees ja võib aja jooksul muutuda, põhjustades uuesti renderdamise UI uuendamiseks.

Näide: loendur, mis suureneb klõpsamisel, salvestab oma praeguse väärtuse olekusse.

import React, { useState } from 'react';

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

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

Sellisel viisil võimaldab olek komponendil olla interaktiivne ja reageerida dünaamiliselt kasutaja tegevustele või teistele sündmustele.