Ahmet Cevahir ÇINAR

Durum güncellemeleri yapmak için bir fonksiyon çağırdığımızda başka bir fonksiyon daha çağırmamız gerekebilir. Aşağıdaki kod incelenebilir.

import React, { Component } from "react";
import { View, Text, Button } from "react-native";
import { styles } from "../css/Stil/";

class Deneme extends Component {
  constructor() {
    super();
    this.state = { productCount: 0, mesaj: "İlk Mesaj" };
  }

  yukselt=()=>{
    this.setState({ productCount: this.state.productCount + 10 });
  }

eskidurumuyenile=()=>{
    this.setState((prevState)=>({productCount:prevState.productCount+100}))
  }

  addProduct = () => {
    this.setState({ productCount: this.state.productCount + 1,mesaj: "Yeni Mesaj" }, 
        () => this.setState({ productCount: this.state.productCount + 1 },
        () => this.setState({ productCount: this.state.productCount + 1 },
        () => this.yukselt(),
        )
      )
    );
  };

  render() {
    return (
      <View style={styles.anastil}>
        <Text style={styles.baslik}>Deneme</Text>
        <Button title="Ürün Ekle" onPress={() => this.addProduct()} />
        <Text>{this.state.productCount}</Text>
        <Text>{this.state.mesaj}</Text>
      </View>
    );
  }
}

export default Deneme;