React'ta textarea ile Çalışma

Şimdi çok satırlı giriş alanı textarea ile nasıl çalışılacağını öğrenelim. React'ta onunla çalışma, kolaylık sağlamak için, metin girişiyle çalışmaya benzer şekilde yapılmıştır. Saf JS'nin aksine, React'ta textarea için kapanış etiketi gerekmez ve metni value özniteliğinde belirtilmelidir.

Örneğe bakın:

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

Kısaltılmış formda:

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

textarea içine metin girilsin. Girilen metnin translit halinin paragrafa yazdırılmasını sağlayın.

textarea içine her satıra bir sayı girilsin. Girilen sayıların toplamının giriş yapılırken paragrafa yazdırılmasını sağlayın.