Работа со textarea во React

Ајде сега да научиме како да работиме со повеќелиниско поле за внес 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 на секоја линија се внесуваат броеви. Направете така што како што се внесува во параграфот ќе се испечати збирот на внесените броеви.