Modification des données à l'aide d'une fonction dans React
Il n'est pas obligatoire d'effectuer des opérations sur l'état directement lors de l'affichage. On peut utiliser une fonction :
function square(num) {
return num ** 2;
}
function App() {
const [value, setValue] = useState(0);
function handleChange(event) {
setValue(event.target.value);
}
return <div>
<input value={value} onChange={handleChange} />
<p>{square(value)}</p>
</div>;
}
Un champ de saisie et un paragraphe sont donnés. L'âge de l'utilisateur est saisi dans le champ. Faites en sorte qu'en tapant du texte, l'année de naissance de l'utilisateur apparaisse automatiquement dans le paragraphe.
Un champ de saisie et un paragraphe sont donnés. Des degrés Fahrenheit sont saisis dans le champ. Faites en sorte qu'en tapant du texte, la conversion en degrés Celsius soit automatiquement effectuée dans le paragraphe.