Dati dei Componenti in React

I dati dei componenti possono essere memorizzati in tre posizioni: nelle props, nelle variabili e costanti del componente, e negli stati. Nelle props vengono memorizzati i dati che il componente riceve dall'esterno dal suo componente genitore. Tuttavia, all'interno del componente, le props dovrebbero rimanere immutabili.

Nelle variabili, costanti e stati è opportuno memorizzare i dati locali, che sono importanti per il componente stesso e che il genitore non dovrebbe conoscere. Tuttavia, negli stati è opportuno memorizzare i dati che possono cambiare in vari eventi e in cui si desidera che le modifiche siano reattive.

jsxfunction Test() {
  // definizione di isEdit, elem e data
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}