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 :
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>;
}
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.
