Bir Fonksiyon Kullanarak React'ta Verileri Değiştirme
Durum üzerinde bazı işlemleri doğrudan çıktıda yapmak zorunda değilsiniz. Bir fonksiyondan yararlanabilirsiniz:
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>;
}
Bir input ve bir paragraf verilmiştir. Inputa kullanıcının yaşı girilmektedir. Metin yazılırken, paragrafta kullanıcının doğum yılının otomatik olarak görünmesini sağlayın.
Bir input ve bir paragraf verilmiştir. Inputa Fahrenheit dereceleri girilmektedir. Metin yazılırken, paragrafta Celsius derecelerine dönüşümün otomatik olarak yapılmasını sağlayın.