React Native'de fonksiyon içerisinde fonksiyon çağırmak

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;

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.yukselt(),

)

);

};

render() {

return (

<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;

Fonksiyon, React Native

Ahmet Cevahir ÇINAR

kendime notlar…

React Native’de fonksiyon içerisinde fonksiyon çağırmak

Related Posts:

Bir cevap yazın Cevabı iptal et