Cosa sono state e props nel contesto dello sviluppo React?

State — è lo stato interno del componente, un insieme di dati che può cambiare durante l'esecuzione del componente. La modifica dello state provoca il ri-render del componente.

Props — sono parametri esterni passati al componente dall'esterno, dal componente genitore. I props sono immutabili all'interno del componente che li riceve. Sono usati per la configurazione e il passaggio di dati dal genitore al figlio.

Principali differenze:

Caratteristica	State	Props
Fonte	Interna al componente	Passate dall'esterno
Mutabilità	Può cambiare	Non modificabili all'interno
Obiettivo	Controllo della vista interna	Trasmissione di dati e configurazione

Esempio di utilizzo dello state:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // Inizializzazione dello state

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

Esempio di utilizzo dei props:

import React from 'react';

function Greeting(props) {
  return <h1>Ciao, {props.name}!</h1>; // Uso dei props
}

function App() {
  return <Greeting name="Mondo" />; // Passaggio dei props
}