Bekerja dengan textarea di React

Sekarang mari kita belajar bekerja dengan bidang input multi-baris textarea. Di React, cara kerjanya dibuat mirip dengan input teks untuk kemudahan. Berbeda dengan JS murni, di React textarea tidak memerlukan tag penutup, dan teksnya harus ditempatkan dalam atribut value.

Lihat contoh:

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

Dalam bentuk singkat:

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

Misalkan teks dimasukkan ke dalam textarea. Buatlah agar paragraf menampilkan translit dari teks yang dimasukkan.

Misalkan pada setiap baris di textarea dimasukkan angka. Buatlah agar seiring dengan input, paragraf menampilkan jumlah dari angka-angka yang dimasukkan.