Mengubah Data Input Semasa Memaparkannya dalam React
Katakan kita memasukkan nombor ke dalam input. Mari kita buat supaya semasa nombor dimasukkan ke dalam input, paragraf memaparkan kuasa dua nombor yang dimasukkan:
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>;
}
Diberi satu input. Diberi satu paragraf. Buatkan supaya apabila teks dimasukkan ke dalam input, paragraf memaparkan bilangan aksara yang dimasukkan ke dalam input.