Реактта әдепкі мәндер

Кейде инпутта әдепкі бір мән болуы қажет болуы мүмкін. Сонымен бірге стейттен тек инпуттың бастапқы мәні алынып, инпуттың өзі осы стейтке байланысты болмауы керек.

Мұндай мәселені шешу үшін 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>;
}

Осы атрибуттардың жұмысын өз бетіңізше сынап көріңіз.