Reactда textarea билан ишлаш

Келинг энди кўп сатрли кирит майдони textarea билан ишлашни ўрганамиз. Reactда унга ишлов бериш, қулайлиги учун, матнли киритувга ўхшаш қилиб яратилган. Соф JSдан фарқли ўларок, Reactда textarea учун ёпилув теги зарур эмас, ва унинг матни value атрибутида жойлаштирилиши керак.

Мисолга қаранг:

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

Қисқартирилган шаклда:

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

textarea га матн киритилсин. Абзацга киритилаётган матннинг транслити чиқарилишини таъминланг.

textarea нинг ҳар бир сатрига сонлар киритилсин. Киритиш пайтида абзацга киритилган сонлар йиғиндиси чиқарилишини таъминланг.