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

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

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

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

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

مثال:

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

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

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

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

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

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

منبع

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

1. React Native یا ریکت نیتیو چیست؟
2. آموزش React Native – نصب و تنظیم محیط React Native
3. آموزش App در React Native
4. آموزش کار با State در React Native
5. آموزش کار با کامپوننت Props در React Native
6. آموزش استایل دهی در برنامه نویسی React Native
7. آموزش flex در برنامه نویسی react native
8. آموزش لیست ویو در برنامه نویسی React Native
9. آموزش کار با TextInput در برنامه نویسی ریکت نیتیو
10. آموزش ScrollView در برنامه نویسی ریکت نیتیو
11. آموزش کار با تصاویر در برنامه نویسی ریکت نیتیو

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