Penggunaan textarea dalam React

Sekarang mari kita belajar menggunakan medan input berbilang baris textarea. Dalam React, cara penggunaannya, untuk kemudahan, dibuat serupa dengan medan input teks. Berbeza dengan JS tulen, dalam React, textarea tidak memerlukan tag penutup, dan teksnya hendaklah diletakkan 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 ringkas:

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

Katakan teks dimasukkan ke dalam textarea. Buat supaya translit teks yang dimasukkan dipaparkan ke dalam perenggan.

Katakan nombor dimasukkan pada setiap baris dalam textarea. Buat supaya semasa memasukkan, jumlah nombor yang dimasukkan dipaparkan dalam perenggan.