Дар React бо textarea кор кардан

Биёед акнун бо майдони воридие, ки чандсатрӣ аст, textarea, кор карданро биомӯзем. Дар React барои осонӣ, кор кардан бо он ба кор кардан бо инпути маттӣ шабоҳат дорад. Ба фарқи аз JS-и холис, дар React барои textarea теги бастана лозим нест, ва матнро бояд дар атрибути value ҷойгир кард.

Ба мисол назар кунед:

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

Дар шакли кӯтоҳкардашуда:

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

Бигзор дар textarea матн ворид карда шавад. Чӣ тавр созед, ки ба абзас транслити матни воридшуда бароварда шавад.

Бигзор дар ҳар сатри textarea рақамҳо ворид карда шаванд. Чӣ тавр созед, ки ҳангоми воридкунӣ ба абзас ҷамъи рақамҳои воридшуда бароварда шавад.