Ändern von Eingabedaten bei ihrer Ausgabe in React
Angenommen, wir geben eine Zahl in das Eingabefeld ein. Lassen Sie uns es so einrichten, dass während der Eingabe der Zahl in das Eingabefeld im Absatz das Quadrat der eingegebenen Zahl ausgegeben wird:
function App() {
const [value, setValue] = useState(0);
function handleChange(event) {
setValue(event.target.value);
}
return <div>
<input value={value} onChange={handleChange} />
<p>{value ** 2}</p>
</div>;
}
Gegeben ist ein Eingabefeld. Gegeben ist ein Absatz. Sorgen Sie dafür, dass bei der Eingabe von Text in das Eingabefeld im Absatz die Anzahl der in das Eingabefeld eingegebenen Zeichen ausgegeben wird.
