रिएक्ट में डिफ़ॉल्ट मान

कभी-कभी ऐसी आवश्यकता हो सकती है कि इनपुट में डिफ़ॉल्ट रूप से कोई मान पहले से ही मौजूद हो। साथ ही यह आवश्यक है कि स्टेट से केवल इनपुट का प्रारंभिक मान लिया जाए, और इनपुट स्वयं इस स्टेट से बंधा न हो।

ऐसे कार्य को हल करने के लिए defaultValue एट्रिब्यूट का उपयोग करना होगा:

function App() {
	const [value, setValue] = useState('text');
	
	return <div>
		<input defaultValue={value} />
	</div>;
}

चेकबॉक्स के लिए एक समान एट्रिब्यूट defaultChecked मौजूद है, जिसकी सहायता से प्रारंभिक मान सेट किया जा सकता है:

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

इन एट्रिब्यूट्स के काम को स्वयं आज़माएं।