آموزش HTTP در برنامه نویسی ریکت نیتیو

2 دیدگاه

با جلسه دوازدهم از آموزش ریکت نیتیو، آموزش HTTP در برنامه نویسی ریکت نیتیو از وب سایت آموزش برنامه نویسی سورس باران در خدمت شما هستیم. در این جلسه با HTTP و استفاده از Fetch در فریم ورک React Native آشنا می شوید.

آموزش HTTP در برنامه نویسی ریکت نیتیو

در این فصل ، ما به شما نحوه استفاده از واکشی برای رسیدگی به درخواستهای شبکه را نشان خواهیم داد.

مثال:

import React from 'react';
import HttpExample from './http_example.js'

const App = () => {
   return (
      <HttpExample />
   )
}
export default App

import React from 'react';

import HttpExample from './http_example.js'

const App = () => {

return (

)

}

export default App

استفاده از Fetch در فریم ورک ریکت نیتیو

ما از روش چرخه componentDidMount برای بارگیری داده ها از سرور به محض نصب کامپوننت استفاده خواهیم کرد. این تابع درخواست GET را به سرور ارسال می کند، داده های JSON را برمی گرداند، وارد می کند خروجی را به کنسول و وضعیت ما را به روز رسانی می کند.

http_example.js

1	http_example.js

import React, { Component } from 'react'
import { View, Text } from 'react-native'

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>
      )
   }
}
export default HttpExample

import React, { Component } from 'react'

import { View, Text } from 'react-native'

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>

)

}

export default HttpExample

آموزش ریکت نیتیو

منبع

لیست جلسات قبل آموزش React Native

React Native یا ریکت نیتیو چیست؟

آموزش React Native – نصب و تنظیم محیط React Native

آموزش App در React Native

آموزش کار با State در React Native

آموزش کار با کامپوننت Props در React Native

آموزش استایل دهی در برنامه نویسی React Native

آموزش flex در برنامه نویسی react native

آموزش لیست ویو در برنامه نویسی React Native

آموزش کار با TextInput در برنامه نویسی ریکت نیتیو

آموزش ScrollView در برنامه نویسی ریکت نیتیو

آموزش کار با تصاویر در برنامه نویسی ریکت نیتیو

5/5 - (1 امتیاز)

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.

نظرات

برچسب ها: آموزش ریکت نیتیو

صابر بوستانی

داستان من با دنیای برنامه‌ نویسی آغاز شد، و در ادامه به عنوان یک توسعه‌ دهنده نرم‌ افزار، طراح وب سایت و متخصص سئو، مهارت ‌های تکنیکی و تحلیلی خودم رو پرورش دادم. علاقه م به دنیای مالی منو به سمت یادگیری ترید و معامله‌گری سوق داد. و در حال حاضر در برنامه نویسی و معامله گری ارز دیجیتال انجام میدم. از سال 96 سعی کردم معامله گری در کریپتو رو یاد بگیرم. ترید و معامله گری برام پر از چالش و شکست‌ های متعدد بود. اما هر شکست، درسی ارزشمند برام داشت و من رو به یک تریدر و معامله گر قوی‌ تر و هوشمندتر تبدیل کرد. با پشتکار و یادگیری مداوم، تونستم به موفقیت‌های قابل توجهی دست یابم و به معامله گری موفق تبدیل بشم. در اینجا بزرگترین تجربیات و مهمترین دانش خودم رو در اختیار شما قرار میدم تا در مدت زمان کوتاه تر و شکست های کمتر در این مسیر به موفقیت برسید.

آموزش پروژه محور طراحی سایت با پایتون و جنگو مختص بازار کار

منبع : سورس باران
رمز فايل : www.sourcebaran.com
انتشار: ۲۴ مهر ۱۳۹۹

آموزش HTTP در برنامه نویسی ریکت نیتیو

آموزش HTTP در برنامه نویسی ریکت نیتیو

استفاده از Fetch در فریم ورک ریکت نیتیو

صابر بوستانی

دسته بندی موضوعات

آخرین محصولات فروشگاه

نظرات

بازخوردهای خود را برای ما ارسال کنید

لغو پاسخ

مطالب مرتبط