Mengubah Data dengan Fungsi di React
Tidak harus melakukan operasi tertentu pada state langsung saat menampilkannya. Anda dapat menggunakan sebuah 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 sebuah input dan sebuah paragraf. Usia pengguna dimasukkan ke dalam input. Buatlah sehingga saat mengetik, tahun lahir pengguna secara otomatis muncul di dalam paragraf.
Diberikan sebuah input dan sebuah paragraf. Derajat Fahrenheit dimasukkan ke dalam input. Buatlah sehingga saat mengetik, konversi ke derajat Celsius secara otomatis dilakukan di dalam paragraf.