Kas ir komponenta stāvoklis?

Komponenta stāvoklis ir ir datu kopums, kas nosaka tās pašreizējo uzvedību un izskatu lietotāja saskarnē. Piemēram, Reactā stāvoklis tiek glabāts komponenta iekšpusē un var mainīties laika gaitā, izraisot jaunu renderēšanu, lai atjauninātu UI.

Piemērs: skaitītājs, kas palielinās klikšķa laikā, saglabā savu pašreizējo vērtību stāvoklī.

import React, { useState } from 'react';

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

  return (
    <div>
      <p>Skaitītājs: {count}</p>
      <button onClick={() => setCount(count + 1)}>Palielināt</button>
    </div>
  );
}

Tādējādi stāvoklis ļauj komponentam būt interaktīvam un dinamiski reaģēt uz lietotāja darbībām vai citām notikumiem.