Подразумеване вредности у React-у

Понекад може бити потребно да се подеси да по умолчању у инпуту већ постоји нека вредност. Притом је потребно да из стања буде преузета само почетна вредност инпута, а сам инпут не буде везан за то стање.

За решавање таквог задатка потребно је користити атрибут defaultValue:

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

За чекбоксове постоји сличан атрибут defaultChecked, помоћу когa може се задати почетна вредност:

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

Самостално испробајте рад ових атрибута.