Reactда функция ёрдамида маълумотларни ўзгартириш

Стейт устидаги айрим амалларни тўғридан-тўғри чиқишда бажариш шарт эмас. Бундай ҳолда функциядан фойдаланиш мумкин:

function square(num) {
	return num ** 2;
}

function App() {
	const [value, setValue] = useState(0);
	
	function handleChange(event) {
		setValue(event.target.value);
	}
	
	return <div>
		<input value={value} onChange={handleChange} />
		<p>{square(value)}</p>
	</div>;
}

Инпут ва абзац берилган. Инпутга фойдаланувчининг ёши киритилади. Матиб терганда, абзацда фойдаланувчининг туғилган йили автоматик равишда пайдо бўлишини таъминланг.

Инпут ва абзац берилган. Инпутга Фаренгейт даражалари киритилади. Матиб терганда, абзацда Цельсий даражаларига автоматик конвертация бажарилишини таъминланг.