Syötetietojen muuttaminen niiden näyttämisen yhteydessä Reactissa
Oletetaan, että syötämme numeroa syötekenttään. Tehdään niin, että kun syötämme numeroa syötekenttään, kappaleeseen tulostuu syötetyn numeron neliö:
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>;
}
Annettu syötekenttä. Annettu kappale. Tee niin, että kun tekstiä syötetään syötekenttään, kappaleeseen tulostuu syötekenttään syötettyjen merkkien määrä.
