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.

È dato un certo componente:

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

Determina cosa possono essere isEdit, elem e data: una prop, uno stato, una variabile, oppure una costante.