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




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

Javascript

Yeni Konu aç Cevapla
 
Seçenekler
Alt 2 Hafta önce   #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 2 Hafta önce   #2
  • AR-GE Tim (Bug.Res.)
  • Üye Bilgileri
Üyelik tarihi
09/2016
Mesajlar
Konular


  


Eline sağlık
    


___________________________________________

"The only ones who should kill, are those who are prepared to be killed."
 Offline  
 
Alıntı ile Cevapla
Alt 2 Hafta önce   #3
  • Üsteğmen
  • Üye Bilgileri
Üyelik tarihi
03/2017
Mesajlar
Konular


  


Eline sağlık hekno (:
    


___________________________________________

qRunt'x'
 Offline  
 
Alıntı ile Cevapla
Alt 2 Hafta önce   #4
  • AR-GE Tim Lideri
  • Üye Bilgileri
Üyelik tarihi
10/2015
Nereden
ntdll
Mesajlar
Konular


  


Eline sağlık
    


___________________________________________

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


 Offline  
 
Alıntı ile Cevapla
Alt 2 Hafta önce   #5
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
11/2006
Nereden
TÜRK
Mesajlar
Konular


  


Eline sağlık
    
 Offline  
 
Alıntı ile Cevapla
Alt 2 Hafta önce   #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 2 Hafta önce   #7
  • Kulüpler Sorumlusu
  • Üye Bilgileri
Üyelik tarihi
12/2013
Mesajlar
Konular


  


Başarılı bir konu
    


___________________________________________

Hikmetin başı, Allah korkusudur.
HZ.MUHAMMED MUSTAFA (S.A.V)

 Offline  
 
Alıntı ile Cevapla
Alt 2 Hafta önce   #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 2 Hafta önce   #9
  • Teğmen
  • Üye Bilgileri
Üyelik tarihi
03/2018
Nereden
Geldin
Yaş
26
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 2 Hafta önce   #10
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
01/2016
Nereden
Kocaeli
Yaş
17
Mesajlar
Konular


  


Eline sağlık üstad
    


___________________________________________


"Front-End Developer Adayı"
"Yararlı Konularım için TIKLA"
 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+


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