دورة react js الدرس التاسع عشر


فهاد الدرس التاسع عشر من دورة react js للمبتدئين غادي نشوفوا كيفاش نسترجعوا المعلومات من قاعدة البيانات firebase منبعد غادي نشوفوا كيفاش نزيدو معلومات بطريقة مغايرة ولي كتعطي لكل معلومة id خاص بها وغادي نشوفوا كيفاش نخدموا بهاد ل id ونسترجعوا المعلومة لي بغينا.


1- استرجاع المعلومات من قاعدة البيانات firebase

فباش نسترجع المعلومات من قاعدة البيانات كيكفي باش نستخدم ل méthode once لي كتاخذ ل value لي هي القيم لي كاينة من بعد هاد القيم كيتزادو فل variable snapshot لي داخلها كاين ل méthode val لي كنسترجع بها القيم كاملين.

فيلا مشيتي ل console غادي تلقى هاد النتيجة :

الكود لي زدنا ف firebase.js هو :

                                //
firebase.database().ref().once('value')
.then((snapshot) => {
    console.log(snapshot.val());
});
                            

2- استرجاع المعلومات من قاعدة البيانات firebase تتمة

فيلا بغيت نسترجع المعلومات فاش تزاد يعني كل مرة تزادت تعرض غادي نغير once ونخدم ب on فيلا مشيتي ل console فكل مرة زدتي شي معلومة غادي تعرض فنفس الوقت.

فالكود لي زدنا ف firebase.js هو :

                                //
firebase.database().ref().on('value',(snapshot) => {
    console.log(snapshot.val());
});
                            

3- إضافة المعلومات فقاعدة البيانات firebase مع ل id

فيلا بغيت نزيد المعلومات ويتخزنوا على شكل des objets وكل objet يكون عندو id فكنغير ل méthode من set ل push.
فالمثال لي عندنا كنزيد collection سميتها objet فكل user كيكون عندو id بالإضافة للمعلومات الأخرى.

فيلا مشيتي ل firebase غادي تلقى هاد النتيجة :



فالكود لي زدنا هو :

                                //
firebase.database().ref('users').push({
    name : 'alaoui',
    lastname : 'amine'
});
                            

4- استرجاع المعلومات الخاصة بمستخدم باستعمال ل id

فيلا بغيت نسترجع مستخدم بل id ديالو فكيكفي نحدد اسم ل collection ف ref ولي هنا عطيناها users و كنزيد ل id ديال ل المستخدم منبعد / وكنخدم ب once لي شفنا قبل وكنسترجع المستخدم ونعرضوا فل console.

فيلا مشيتي ل  console غادي تلقى هاد النتيجة :



فالكود لي زدنا ف firebase.js هو :

                                    //
firebase.database().ref('users/id depuis ta base de données').once('value')
.then((snapshot) => {
    console.log(snapshot.val());
});