Ce sunt state și props în contextul dezvoltării React?

State — este starea internă a componentei, un set de date care poate fi modificat în timpul funcționării componentei. Modificarea state-ului duce la re-redarea componentei.

Props — sunt parametri externi transmiși componentei din afară, de la componenta părinte. Props sunt imuabile în interiorul componentei care le primește. Ele sunt utilizate pentru configurare și transmiterea datelor de la părinte la copil.

Diferențele principale:

Caracteristică	State	Props
Sursa	Internă componentei	Transmise din exterior
Modificabilitate	Poate fi schimbată	Nu poate fi modificată în interior
Scop	Controlul aspectului intern	Transmiterea datelor și configurarea

Exemplu de utilizare a state-ului:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // Inițializarea state-ului

  return (
    <div>
      <p>Contor: {count}</p>
      <button onClick={() => setCount(count + 1)}>Crește</button>
    </div>
  );
}

Exemplu de utilizare a props:

import React from 'react';

function Greeting(props) {
  return <h1>Salut, {props.name}!</h1>; // Utilizarea props
}

function App() {
  return <Greeting name="Lume" />; // Transmiterea props
}