Kas yra state ir props React kūrimo kontekste?

State — tai vidinis komponento būsenos būklė, duomenų rinkinys, kuris gali keistis komponento veikimo metu. State keitimas sukelia komponento perpiešimą.

Props — tai išoriniai parametrai, perduodami komponentui iš išorės, iš tėvinio komponento. Props yra nekeičiami viduje komponento, kuris juos priima. Jie naudojami konfigūracijai ir duomenų perdavimui iš tėvo į vaiką.

Pagrindiniai skirtumai:

Savybė	State	Props
Šaltinis	Vidinis komponentas	Perduodami iš išorės
Keičiamumas	Gali keistis	Negali keistis viduje
Tikslas	Vidinio vaizdo valdymas	Duomenų ir konfigūracijos perdavimas

State naudojimo pavyzdys:

import React, { useState } from 'react';

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

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

Props naudojimo pavyzdys:

import React from 'react';

function Greeting(props) {
  return <h1>Sveiki, {props.name}!</h1>; // Props naudojimas
}

function App() {
  return <Greeting name="Pasauli" />; // Props perdavimas
}