Mengubah Data Menggunakan Fungsi dalam React
Tidak semestinya melakukan operasi tertentu ke atas state terus pada output. Anda boleh menggunakan fungsi:
function square(num) {
return num ** 2;
}
function App() {
const [value, setValue] = useState(0);
function handleChange(event) {
setValue(event.target.value);
}
return <div>
<input value={value} onChange={handleChange} />
<p>{square(value)}</p>
</div>;
}
Diberikan input dan perenggan. Umur pengguna dimasukkan ke dalam input. Pastikan apabila teks ditaip, tahun lahir pengguna secara automatik muncul dalam perenggan.
Diberikan input dan perenggan. Darjah Fahrenheit dimasukkan ke dalam input. Pastikan apabila teks ditaip, penukaran kepada darjah Celsius secara automatik dilakukan dalam perenggan.
