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

بتاريخ منذ ساعة مضت قال 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>

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

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

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

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

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

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

</View>

بتاريخ 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

Selected.js

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

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

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

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

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

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

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

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