React'те textarea менен иштөө

Келгиле, азыр көп саптуу киргизүү талаасы textarea менен кантип иштөөнү үйрөнөлү. React'те аны менен иштөө ыңгайлуулук үчүн тексттик input сыяктуу кылып жасалган. Таза 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 талаасына ар бир сапта сандар киргизилсин. Анда киргизилген сандардын суммасы абзацта чыгарылсын.