كيف أخزن ال token القادم من api في const باستخدام react native

نقوم بتخزين تلك البيانات في local storage او indexed db فى البراوزر 

window.localStorage.setItem('user', JSON.stringify(res.data.user));

في هذا السطر قمنا بتخزين بيانات المستخدم في local storage 

ولكي نسترجع القيم المخزنة 

window.localStorage.getItem('user');

بتاريخ 1 دقيقة مضت قال يوسف احمد9:

نقوم بتخزين تلك البيانات في local storage او indexed db فى البراوزر 

window.localStorage.setItem('user', JSON.stringify(reponse));

 

لكنى احاول ان افعلها ب react native .. 

يمكنك بسهولة تخزين ال token في متغير عن طريق تعريفه

const [Data, setData] = useState([]);

  const loginStudent = () => {
    axios
      .post('https://carna-test-app234/api/v2/login', {
        type: 3,
        method_type: 'email',
        email: 'student@app321.com',
        password: '123456',
      })
      .then(res => {
        console.log(res.data);
        const token = res.data.access_token//هذا لتخزين في متغير
        localStorage.setItem('token', token);// هذا للتخزين المحلي في المتصفح
        setData(res.data);
      })
      .catch(err => console.log(err));
  };

 يمكنك تخزين التوكن في التخزين المحلي بإستعمال التابع setItem ضمن localStorage لإستعماله في عمليات المصادقة , على هذا النحو : 

window.localStorage.setItem(key, value);

كما يمكنك قراءته متى احتجت على هذا النحو :

window.localStorage.getItem(key);

مثال عن ذلك : 

const [Data, setData] = useState([]);

  const loginStudent = () => {
    axios
      .post('https://carna-test-app234/api/v2/login', {
        type: 3,
        method_type: 'email',
        email: 'student@app321.com',
        password: '123456',
      })
      .then(res => {
        console.log(res.data);
        setData(res.data);
        
        // تخزين التوكن
        if(!! res.data.access_token)
        {
          window.localStorage.setItem('token', res.data.access_token);
        }
      
      })
      .catch(err => console.log(err));
  };

بتاريخ 4 دقائق مضت قال أحمد ابراهيم عبد الله:

لكنى احاول ان افعلها ب react native .. 

import { AsyncStorage } from 'react-native';


const [Data, setData] = useState([]);

  const loginStudent = () => {
    axios
      .post('https://carna-test-app234/api/v2/login', {
        type: 3,
        method_type: 'email',
        email: 'student@app321.com',
        password: '123456',
      })
      .then(async res => {
        console.log(res.data);
        const token = res.data.access_token//هذا لتخزين في متغير
         await AsyncStorage.setItem(
      'token',
      token
    );
        setData(res.data);
      })
      .catch(err => console.log(err));
  };

يمكنك استخدام AsyncStorage من react-native

بتاريخ 9 دقائق مضت قال أحمد ابراهيم عبد الله:

لكنى احاول ان افعلها ب react native .. 

يوجد أخي مكتبة لل React native تقوم بعمل نفس فكرة ال local storage بإسم AsycnStorage