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