Artır ve azalt

Artırma ve azaltma butonlarını eklersin.

Artır ve azalt fonksiyonları

Sayacı değiştirmek için iki fonksiyon tanımlayacağız: increment sayıyı bir artırır, decrement bir azaltır. Bu fonksiyonlar setCount'u çağırır.

Örnek: function increment() { setCount(count + 1); }. Burada count + 1 yeni değer olarak setCount'a verilir.

Fonksiyonları App bileşeni içinde, return'den önce tanımlarız. Böylece count ve setCount'a erişebilirler.

Fonksiyon tanımı

Bir fonksiyonu bileşen içinde tanımlamak, onun count ve setCount'a erişmesini sağlar. Bu, React'in closure davranışından gelir.

Tanımlar: function increment() { setCount(count + 1); } ve function decrement() { setCount(count - 1); }.

Bu fonksiyonları şu an çağırmıyoruz; bir sonraki derste butonlara bağlayacağız. Şimdilik sadece tanımları ekliyoruz.

Uygulama Fonksiyonları ekle

Mevcut App bileşenine increment ve decrement fonksiyonlarını ekle. increment setCount(count + 1), decrement setCount(count - 1) çağrısı yapsın. Fonksiyonları return'den önce tanımla.

Örnek çözümü göster

import { View, Text } from 'react-native';
import { useState } from 'react';

export default function App() {
  const [count, setCount] = useState(0);

  function increment() {
    setCount(count + 1);
  }

  function decrement() {
    setCount(count - 1);
  }

  return (
    <View>
      <Text>Sayaç: {count}</Text>
    </View>
  );
}

Kendini test et

Fonksiyonları eşleştir

increment

Bir artırır
decrement

Bir azaltır
setCount

Atayıcı
count + 1

Artış miktarı

increment gövdesi

function increment() {
  ____;
}

Cevabı göster

function increment() {
  setCount(count + 1);
}

decrement fonksiyonu ne yapmalı?
- setCount(count + 1)
- decrement(count)
- count - 1
- setCount(count - 1)
Cevabı göster

setCount(count - 1) — decrement sayıyı bir azaltır.

Sıradaki ders: TouchableOpacity

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler