Zmiana danych wejściowych przy ich wyświetlaniu w React
Załóżmy, że będziemy wprowadzać liczbę w polu wejściowym. Zróbmy tak, aby podczas wprowadzania liczby w pole wejściowe, w akapicie wyświetlał się kwadrat wprowadzanej liczby:
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>;
}
Dane jest pole wejściowe. Dany jest akapit. Spraw, aby przy wprowadzaniu tekstu w pole wejściowe, w akapicie wyświetlała się liczba wprowadzonych znaków.