Turkhackteam.net/org - Turkish Hacking & Security Platform  
Geri git   Turkhackteam.net/org - Turkish Hacking & Security Platform >
Programlama
> Javascript > React


React Native | Bölüm 3: HTTP İstekleri

React

Yeni Konu aç Cevapla
 
Seçenekler
Alt 01-08-2018 17:43   #1
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
10/2015
Nereden
rm -rf /
Mesajlar
Konular


  
React Native | Bölüm 3: HTTP İstekleri



Merhabalar, bugünkü yazımızda react native'in birkaç yapısından ve örnek http isteklerinden bahsedeceğiz. Bunu "fetch" ile yapacağız.

@Gbmdpof adlı üyemizin yazısında temel yapıları zaten öğrenmiştik.
Kod:
import React, { Component } from 'react'
import { View, Text } from 'react-native'
kod bloğu ile gerekli araçlarımızı içe aktarmakla başlayalım. Şimdi ana kodumuzu yazmaya geçebiliriz. Biz componentDidMount adlı metodu kullanacağız, mümkün olan en kısa sürede işlemimizi yapacaktır.
Kod:
export default class HttpExample extends Component {
satırı ile sınıfımızı oluşturduk, şimdi metodumuzu kodlayalım.
Kod:
componentDidMount = () => {
      fetch('https://jsonplaceholder.typicode.com/posts/1', {
         method: 'GET'
      })
      .then((response) => response.json())
      .then((responseJson) => {
         console.log(responseJson);
         
         this.setState({
            data: responseJson
         })
      })
Bu asıl işi yapan kodumuz,fetch fonksiyonunun içinde url yi ve metodumuzu belirttik. Sonra json olan response'u düzenledik ve bir değişkene atadık. HTTP işlemimiz tamam, ama hata olabilir.
Kod:
.catch((error) => {
         console.error(error);
      });
Bir hata varsa bu kod parçacığı sayesinde görebileceğiz.
Kod:
render() {
      return (
         <View>
            <Text>
               {this.state.data.body}
            </Text>
         </View>
      )
   }
}
Son olarak render ile ekrana bu aldığımız veriyi yazdırdık. Şimdi proje dosyama gelip expo ile çalıştıracağım.
Son kod:
Kod:
import React, { Component } from 'react'
import { View, Text } from 'react-native'

export default class HttpExample extends Component {
   state = {
      data: ''
   }
   componentDidMount = () => {
      fetch('https://jsonplaceholder.typicode.com/posts/1', {
         method: 'GET'
      })
      .then((response) => response.json())
      .then((responseJson) => {
         console.log(responseJson);
         
         this.setState({
            data: responseJson
         })
      })
      .catch((error) => {
         console.error(error);
      });
   }
   render() {
      return (
         <View>
            <Text>
               {this.state.data.body}
            </Text>
         </View>
      )
   }
}



Gördüğünüz üzere text'i ekrana yazdırdı. Diğer yazımızda görüşmek üzere!
    


___________________________________________

I surrender my soul
Odin hear my call

flag{Bur4si_b1r_0yun_park1}

hacknology@hacknologyroot:~/
 Offline  
 
Alıntı ile Cevapla
Alt 01-08-2018 17:45   #2
  • AR-GE Tim (Bug.Res.)
  • Üye Bilgileri
Üyelik tarihi
09/2016
Mesajlar
Konular


  


Eline sağlık
    


___________________________________________

~humanity is overrated~
 Offline  
 
Alıntı ile Cevapla
Alt 01-08-2018 18:34   #3
  • Üsteğmen
  • Üye Bilgileri
Üyelik tarihi
03/2017
Mesajlar
Konular


  


Eline sağlık hekno (:
    


___________________________________________

qRunt'x'
 Offline  
 
Alıntı ile Cevapla
Alt 01-08-2018 21:20   #4
  • AR-GE Tim Lideri
  • Üye Bilgileri
Üyelik tarihi
10/2015
Nereden
k3pwn
Mesajlar
Konular


  


Eline sağlık
    


___________________________________________

TürkHackTeam | Araştırma - Geliştirme Timi


 Offline  
 
Alıntı ile Cevapla
Alt 01-08-2018 22:09   #5
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
11/2006
Nereden
TÜRK
Mesajlar
Konular


  


Eline sağlık
    
 Offline  
 
Alıntı ile Cevapla
Alt 02-08-2018 06:44   #6
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
10/2015
Nereden
rm -rf /
Mesajlar
Konular


  


Teşekkürler herkese
    


___________________________________________

I surrender my soul
Odin hear my call

flag{Bur4si_b1r_0yun_park1}

hacknology@hacknologyroot:~/
 Offline  
 
Alıntı ile Cevapla
Alt 04-08-2018 10:21   #7
  • Uzman Moderatör Sorumlusu
  • Üye Bilgileri
Üyelik tarihi
12/2013
Mesajlar
Konular


  


Başarılı bir konu
    


___________________________________________

Kolaylaştırınız, güçleştirmeyiniz, müjdeleyiniz, nefret ettirmeyiniz.
HZ.MUHAMMED MUSTAFA (S.A.V)

 Offline  
 
Alıntı ile Cevapla
Alt 04-08-2018 12:24   #8
  • Üsteğmen
  • Üye Bilgileri
Üyelik tarihi
03/2017
Mesajlar
Konular


  


Alıntı:
Hacknology´isimli üyeden Alıntı Mesajı göster
Teşekkürler herkese
Rica ederim hackno (;
    


___________________________________________

qRunt'x'
 Offline  
 
Alıntı ile Cevapla
Alt 04-08-2018 12:30   #9
  • Üsteğmen
  • Üye Bilgileri
Üyelik tarihi
03/2018
Nereden
Geldin
Mesajlar
Konular


  


Eline sağlık yararlı bir konu
    


___________________________________________

Eğer kendilerini tanımış olsaydınız, Türklere hayran olurdunuz.-

 Offline  
 
Alıntı ile Cevapla
Alt 04-08-2018 12:32   #10
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
01/2016
Nereden
Kocaeli
Yaş
18
Mesajlar
Konular


  


Eline sağlık üstad
    


___________________________________________

 Offline  
 
Alıntı ile Cevapla
Cevapla

Bookmarks

Seçenekler


Bilgilendirme Turkhackteam.net/org
Sitemizde yer alan konular üyelerimiz tarafından paylaşılmaktadır.
Bu konular yasalara uygunluk ve telif hakkı konusunda yönetimimiz tarafından kontrol edilse de, gözden kaçabilen içerikler yer alabilmektedir.
Bu tür konuları turkhackteamiletisim [at] gmail.com mail adresimize bildirebilirsiniz, konular hakkında en kısa sürede gerekli işlemler yapılacaktır.
Please Report Abuse, DMCA, Harassment, Scamming, Warez, Crack, Divx, Mp3 or any Illegal Activity to turkhackteamiletisim [at] gmail.com

Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz.
Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.



         

Powered by vBulletin® Copyright ©2000 - 2018

TSK Mehmetçik Vakfı

Türk Polis Teşkilatını Güçlendirme Vakfı



Google+

wau

Search Engine Friendly URLs by vBSEO 3.6.0 ©2011, Crawlability, Inc.