Bilişim dünyasına kaliteli, özgün ve Türkçe içerikler kazandırmayı hedefleyen bir platform..

friends friends friends

React Native State Kullanımı

React Native'de Componetler içinde bilgi tutmak için yani bilgi depolamak için State'leri kullanırız. Component içinde ram bellek olarak düşünebilirsiniz.

Component İçinde State Tanımlamak

import React, { useState, useEffect } from 'react';
import { StyleSheet, Text, View, Button, Alert, TouchableOpacity  } from 'react-native';


const HomeScreen = ({ navigation }) => {
  const [data, setData] = useState(false);
  
  useEffect(() => {
     setData("ali");//yeni state değeri atamak
     
    //console.log("Uygulama Yüklendi!");
  }, []);
  return (
    <>
      <TouchableOpacity onPress={()=>setData("veli")}>
        <Text>Tıkla</Text>
      </TouchableOpacity>
      
      <Text>State Değeri: {data}</Text>
      
    </>
  )
}
export default HomeScreen;
React Native State Component bilgi tutmak bilgi depolamak
5 Beğeni
React-Native
Önceki Yazı

React Native Component Oluşturma

15 Ocak 2021 tarihinde yayınlandı.
Sonraki Yazı

React Native PropTypes

15 Ocak 2021 tarihinde yayınlandı.
arrow