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

منذ 5 سنوات imadbelasri Reactjs
RS

فهاد الدرس التاسع عشر من دورة 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());
});
                                                        
                                                    

دروس ذات صلة

RS

دورة react js للمبتدئين الدرس الأول

فهاد الدرس الأول من دورة react js للمبتدئين غادي نشوفوا مقدمة على ES6 لي هي javascript 2016 ولي جابت...


RS

دورة react js للمبتدئين الدرس الثاني

فهاد الدرس الثاني من دورة react js غادي نكملوا هاد المقدمة على ES6 ولي بديناها بمجموعة من les foncti...


RS

دورة react js للمبتدئين الدرس الثالت

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


RS

دورة react js للمبتدئين الدرس الرابع

فهاد الدرس الرابع من دورة react js للمبتدئين غادي نبداو ف react فغادي نشوفوا كيفاش نزيدو أول projet...


RS

دورة react js للمبتدئين الدرس الخامس

فهاد الدرس الخامس من دورة react js غادي نشوفوا كيفاش نزيدو component آخر ومنبعد غادي نشوفوا كيفاش نع...


RS

دورة react js للمبتدئين الدرس السادس

فهاد الدرس السادس من دورة react js للمبتدئين غادي نكملوا الدورة ديالنا و نشوفوا كيفاش نرسلو معلومات...


RS

دورة REACT JS للمبتدئين الدرس السابع

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


RS

دورة react js للمبتدئين الدرس الثامن

فهاد الدرس الثامن من دورة react js للمبتدئين غادي نشوفوا كيفاش نزيدو ل filter ل application ديالنا غ...


RS

دورة react js للمبتدئين الدرس التاسع

فهاد الدرس التاسع من دورة react js للمبتدئين غادي نكملو الدورة ديالنا فهاد الدرس غادي يكون تتمة للدر...


RS

دورة react js للمبتدئين الدرس العاشر

فهاد الدرس العاشر من دورة react js للمبتدئين غادي نشوفوا ل event onClick من بعد ماشفنا onChange فالد...