Bemeneti adatok módosítása megjelenítéskor Reactben
Tegyük fel, hogy egy számot írunk be egy bemeneti mezőbe. Tegyük úgy, hogy a szám beírása közben a bemeneti mező alatti bekezdésben a beírt szám négyzete jelenjen meg:
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>;
}
Adott egy bemeneti mező. Adott egy bekezdés. Állítsa be úgy, hogy amikor szöveget ír a bemeneti mezőbe, a bekezdésben a bemeneti mezőbe beírt karakterek száma jelenjen meg.