Стойности по подразбиране в 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>;
}

Самостоятелно опитайте работата на тези атрибути.