Ä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:

jsxfunction 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>;
}
Задание 1

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.