Làm việc với textarea trong React

Bây giờ hãy cùng học cách làm việc với trường nhập liệu nhiều dòng textarea. Trong React, để tiện lợi, cách làm việc với nó được thiết kế giống với cách làm việc với input văn bản. Không giống với JS thuần túy, trong React, textarea không cần thẻ đóng, và văn bản của nó nên được đặt trong thuộc tính value.

Xem ví dụ:

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

Dưới dạng rút gọn:

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

Giả sử văn bản được nhập vào textarea. Hãy làm sao để đoạn văn xuất ra chữ chuyển tự (translit) của văn bản được nhập.

Giả sử trong textarea, mỗi dòng nhập vào một số. Hãy làm sao để trong khi nhập liệu, đoạn văn xuất ra tổng của các số đã nhập.