Δεδομένα Components στο React

Τα δεδομένα των components μπορούν να αποθηκευτούν σε τρία μέρη: στα props, σε μεταβλητές και σταθερές του component, και στα states. Στα props αποθηκεύονται δεδομένα που στέλνονται στο component από έξω από το γονικό του component. Σε αυτή την περίπτωση, μέσα στο component τα props πρέπει να παραμένουν αμετάβλητα.

Σε μεταβλητές, σταθερές και states θα πρέπει να αποθηκεύονται τοπικά δεδομένα, που είναι σημαντικά για το ίδιο το component και που ο γονέας δεν χρειάζεται να γνωρίζει. Σε αυτή την περίπτωση, στα states θα πρέπει να αποθηκεύονται δεδομένα που μπορεί να αλλάζουν σε διάφορα events και ταυτόχρονα θέλετε οι αλλαγές να είναι reactive.

Δίνεται ένα συγκεκριμένο component:

function Test() {
	// ορισμός isEdit, elem και data
	
	if (isEdit) {
		elem = <input value={data} />;
	} else {
		elem = <span>{data}</span>;
	}
	
	return <div>
		{elem}
	</div>;
}

Προσδιορίστε τι μπορεί να είναι τα isEdit, elem και data: prop, state, μεταβλητή, ή σταθερά.