Sisendiandmete muutmine nende kuvamisel Reactis
Oletame, et sisestame sisendisse numbri. Teeme nii, et sisestatud numbri ruut kuvataks sisestamise käigus lõigus:
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>;
}
Antud on sisend. Antud on lõik. Tehke nii, et teksti sisestamisel sisendisse kuvataks lõigus sisendisse sisestatud sümbolite arv.
