Значэнні па змаўчанні ў React

Часам можа спатрэбіцца зрабіць так, каб па змаўчанні ў інпуце ўжо было якое-небудзь значэнне. Пры гэтым трэба, каб з стэйту было ўзята толькі пачатковае значэнне інпута, а сам інпут не быў бы прывязаны да гэтага стэйту.

Для вырашэння такой задачы трэба скарыстацца атрыбутам 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>;
}

Самастойна апрабуйце работу дадзеных атрыбутаў.