Reactda textarea bilan ishlash

Keling, endi ko‘p qatorli kiritish maydoni textarea bilan ishlashni o‘rganaylik. Reactda uning bilan ishlash, qulaylik uchun, matnli input bilan ishlashga o‘xshash qilingan. Sof JSdan farqli o‘laroq, Reactda textarea uchun yopuvchi teg kerak emas, va uning matnini value atributida joylashtirish kerak.

Namunani ko‘ring:

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

Qisqartirilgan shaklda:

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

textarea-ga matn kiritilsin. Abzatsga kiritilayotgan matnning transliteratsiyasi chiqarilishini ta'minlang.

textarea-ning har bir qatoriga sonlar kiritilsin. Kiritish davomida abzatsga kiritilgan sonlar yig‘indisi chiqarilishini ta'minlang.