Darbas su textarea React

Dabar išmokime dirbti su daugiaeiliu įvesties lauku textarea. React dirbant su juo, patogumui, padaryta panašiai kaip dirbant su tekstiniu input. Skirtingai nuo gryno JS, React textarea nereikia uždarančios žymės, o jo tekstas turi būti įrašytas į value atributą.

Žiūrėkite pavyzdį:

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

Sutrumpinta forma:

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

Tegul textarea įvedamas tekstas. Padarykite taip, kad į pastraipą būtų išvedamas įvedamo teksto translitas.

Tegul textarea kiekvienoje eilutėje įvedami skaičiai. Padarykite taip, kad kai įvedama į pastraipą būtų išvedama įvestų skaičių suma.