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>;
}

Ушбу атрибутларнинг ишлашини мустақил равишда синаб кўринг.