Αλλαγή δεδομένων με χρήση συνάρτησης στο React

Δεν είναι απαραίτητο να εκτελούμε ορισμένες πράξεις πάνω στο state απευθείας κατά την εμφάνιση. Μπορούμε να χρησιμοποιήσουμε μια συνάρτηση:

function square(num) {
	return num ** 2;
}

function App() {
	const [value, setValue] = useState(0);
	
	function handleChange(event) {
		setValue(event.target.value);
	}
	
	return <div>
		<input value={value} onChange={handleChange} />
		<p>{square(value)}</p>
	</div>;
}

Δίνεται ένα πεδίο εισαγωγής και μια παράγραφος. Στο πεδίο εισαγωγής εισάγεται η ηλικία του χρήστη. Κάντε έτσι ώστε κατά την πληκτρολόγηση κειμένου, στην παράγραφο να εμφανίζεται αυτόματα το έτος γέννησης του χρήστη.

Δίνεται ένα πεδίο εισαγωγής και μια παράγραφος. Στο πεδίο εισαγωγής εισάγονται βαθμοί Φαρενάιτ. Κάντε έτσι ώστε κατά την πληκτρολόγηση κειμένου, στην παράγραφο να εκτελείται αυτόματα η μετατροπή σε βαθμούς Κελσίου.