Componentgegevens in React

Componentgegevens kunnen op drie plaatsen worden opgeslagen: in props, in variabelen en constanten van het component, en in states. In props worden gegevens opgeslagen die van buitenaf naar het component worden gestuurd door zijn bovenliggende component. Binnen het component moeten de props onveranderlijk blijven.

In variabelen, constanten en states moeten lokale gegevens worden opgeslagen die belangrijk zijn voor het component zelf en waarvan de bovenliggende component niet op de hoogte hoeft te zijn. In states moeten gegevens worden opgeslagen die kunnen veranderen bij verschillende gebeurtenissen en waarbij u wilt dat de wijzigingen reactief zijn.

Er is een bepaald component:

function Test() {
	// definitie van isEdit, elem en data
	
	if (isEdit) {
		elem = <input value={data} />;
	} else {
		elem = <span>{data}</span>;
	}
	
	return <div>
		{elem}
	</div>;
}

Bepaal wat isEdit, elem en data kunnen zijn: een prop, een state, een variabele, of een constante.