Προεπιλεγμένες τιμές στο React

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

Για την επίλυση μιας τέτοιας εργασίας, πρέπει να χρησιμοποιήσετε το χαρακτηριστικό defaultValue:

function App() {
	const [value, setValue] = useState('κείμενο');
	
	return <div>
		<input defaultValue={value} />
	</div>;
}

Για τα πλαίσια ελέγχου υπάρχει ένα ανάλογο χαρακτηριστικό defaultChecked, με τη βοήθεια του οποίου μπορείτε να ορίσετε την αρχική:

function App() {
	const [checked, setChecked] = useState(true);
	
	return <div>
		<input type="checkbox" defaultChecked={checked} />
	</div>;
}

Δοκιμάστε μόνοι σας τη λειτουργία αυτών των χαρακτηριστικών.