Работа з 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 на кожнай радку ўводзяцца лікі. Зрабіце так, каб па меры ўводу ў абзац выводзілася сума ўведзеных лікаў.