اذهب إلى المحتوى
  • 0

اسفسار عن طريقه تقسيم البيانات في ReactNative

Ahmed Kawbal

السؤال

كيف اقو م بتقسيم البيانات  التي محفوظه في الذاكره الدخليه باستخدام AsyncStorage   ...   في مكون يوجد فيه حقول لعرض كل خاصيه في حقل مخصص 

مثل  :  قمت بحفظ الاسم والبريد الالكتروني وكلمه السر في الذاكره الحليه للهاتف ب AsyncStorage   داخل Object   مثل const user ={name:name,    email:email,   pass:password } 

وقمت بحفظه  user ....

وعند الاستيراد يتم ذالك بدون اي مشاكل ولاكن لا اعرف كيف اجعل كل حقل الذي في المكون تعرض المعلومه التي محدده  

مثل 

<View>

                    <Text>{name}</Text>

                    <Text>{email}</Text>

                    <Text>{pass}</Text>

                </View>

 

هاذا كمثال فقط علما ان الاستيراد والحرض في شاشه اخرى وليس في نفس الشاشه

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1
بتاريخ منذ ساعة مضت قال ahmedkawbal:

للتوضيح اكثر  هاذا اكواد المكون  

 

وهاذا الاخر اكواد الشاشه للعرض 

 

 وهاذا صوره من الشاشه الخاصه بعمليه الادخال والحفظ 

Select.js

Selected.js

الكود يجب ان يكون كالتالي :

const [note, setNote] = useState({});

useEffect(() => {
  const value = await AsyncStorage.getItem("note");
  const parsed = JSON.parse(value)
  setNote(parsed);
}, []);

في الكود السابق أفترض أنك تستخدم الـ functional component.

وعرفنا state باسم note وذلك باستخدام الـ hook الخاصة بذلك useState.

والـ [] الفارغة في الـ useEffect هي من اجل ان ينفذ الكود عند فتح الصفحة مرة واحدة فقط.

والـ parse هي عكس الـ stringify التي قمت بعملها قبل حفظ البيانات.

و الـ setNote هي لإضافة البيانات القادمة إلى الـ state المسماة note.

وعند اضافة الكود السابق سيصبح لديك وصول للعنصر note والذي يحتوي البيانات، وذلك لتكتب الكود :

<View>
  <Text>{note.name}</Text>

  <Text>{note.email}</Text>

  <Text>{note.pass}</Text>

</View>

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

إذا كانت البيانات تأتي بالشكل :

const user ={name:"name",    email:"email",   pass:"password" } 

فيجب ان يكون تقسيمها كالتالي :

<View>
  <Text>{user.name}</Text>

  <Text>{user.email}</Text>

  <Text>{user.pass}</Text>

</View>

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 15 دقائق مضت قال عمر قره محمد:

إذا كانت البيانات تأتي بالشكل :


const user ={name:"name",    email:"email",   pass:"password" } 

فيجب ان يكون تقسيمها كالتالي :


<View>
  <Text>{user.name}</Text>

  <Text>{user.email}</Text>

  <Text>{user.pass}</Text>

</View>

 

للتوضيح اكثر  هاذا اكواد المكون  

 

وهاذا الاخر اكواد الشاشه للعرض 

 

 وهاذا صوره من الشاشه الخاصه بعمليه الادخال والحفظ 

Select.js

Screenshot 2022-11-13 211034.png

Selected.js

كيف اقوم في اشاشه Selected.ja بعرض ماتم حفظه داخل المكون Select.js وكل صنف او نوع في الحقول المخصص له

وهاذا عند عمل console.log   

{"id":"2022-11-13T18:17:36.930Z","amount":"82","notice":"Gry","data":"82","type":"ايداع"}

تم التعديل في بواسطة ahmedkawbal
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 18 ساعات قال ahmedkawbal:

شكرا لك لقد عمل ذالك ولاكن ان اريد ان يكون العرض اي المكون اكثر من واحد  بمعنا ان انه يتم انشاء مكون  وعرض  البيانات التي تم حفظها مواخرا  تحتها  

مثل.. عمليه كشف حساب  يظهر لك كامله العمليات التي كمت بها  

 وهاذا اريد ان يتم عرض جميع البيانات التي تم حفظها  ولي واحد فقط 

هذا سؤال مختلف وسأقوم بنقله إلى سؤال جديد.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...