Arbeit mit textarea in React

Lassen Sie uns nun lernen, wie man mit einem mehrzeiligen Eingabefeld textarea arbeitet. In React ist die Arbeit damit der Einfachheit halber ähnlich zur Arbeit mit einem Texteingabefeld gestaltet. Im Gegensatz zu purem JS wird in React bei textarea kein schließendes Tag benötigt, und sein Text sollte im Attribut value platziert werden.

Sehen Sie sich das Beispiel an:

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

In Kurzform:

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

Es soll Text in die textarea eingegeben werden. Sorgen Sie dafür, dass in den Absatz der Translit des eingegebenen Texts ausgegeben wird.

Es sollen Zahlen in die textarea eingegeben werden, jede in einer Zeile. Sorgen Sie dafür, dass während der Eingabe in den Absatz die Summe der eingegebenen Zahlen ausgegeben wird.