Ievades datu maiņa to attēlošanas laikā React
Pieņemsim, ka mēs ievadīsim skaitli ievades laukā. Darīsim tā, lai, ievadot skaitli ievades laukā, rindkopā tiktu attēlots ievadītā skaitļa kvadrāts:
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>;
}
Dots ievades lauks. Dota rindkopa. Dariet tā, lai ievadot tekstu ievades laukā, rindkopā tiktu parādīts ievadīto simbolu skaits.
