Modification des données d'entrée lors de leur affichage dans React

Supposons que nous entrions un nombre dans le champ de saisie. Faisons en sorte qu'au fur et à mesure que le nombre est saisi dans le champ, le carré du nombre saisi soit affiché dans le paragraphe :

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

Un champ de saisie est donné. Un paragraphe est donné. Faites en sorte que lors de la saisie de texte dans le champ, le nombre de caractères saisis dans le champ soit affiché dans le paragraphe.