Het wijzigen van invoergegevens bij weergave in React
Stel we voeren een getal in het invoerveld in. Laten we het zo maken dat tijdens het invoeren van het getal in het invoerveld, in de paragraaf het kwadraat van het ingevoerde getal wordt weergegeven:
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
Er is een invoerveld. Er is een paragraaf. Zorg ervoor dat bij het invoeren van tekst in het invoerveld, in de paragraaf het aantal ingevoerde tekens in het invoerveld wordt weergegeven.