31: حل تحدي تحديث ال Object State — Transcript
Full transcript
- 0:00السلام عليكم حياكم الله بالدرس ال 31 من
- 0:02سلسله دروس رياكت جي اس وبهذا الدرس راح
- 0:05نحل التحدي اللي تكلمنا عنه في الدرس
- 0:06السابق الخاص بتحديث الاوبجكت المرتبط
- 0:10بالستي هذا هو التحدي اللي تكلمنا عنه في
- 0:12الدرس السابق ومثل ما ذكرنا في مشكله انك
- 0:15لما تحاول تحدث السكور ما عم يتحدث معك
- 0:17بطريقه صحيحه وكانه تحديث الستيت في مشكله
- 0:20وانا عشان اكبر الشاشه اللي عم اشتغل
- 0:22عليها راح اضغط هون على زر شو مور فراح
- 0:24اضغط عليه عشان يكبر لي المساحه الخاصه
- 0:26بالكود خلينا الان مبدئيا نقرا الكود ونحا
- 0:30نستنتجه ونفهمه وهي واحده من المهارات
- 0:32كذلك الممتازه اللي بتوفر لك اياها تحديات
- 0:35رياكت انه بتعطيك كود مكتوب الى حد ما
- 0:39بطريقه ممتازه بغض النظر عن الاخطاء اللي
- 0:41هن حاطينها عشان تصلحها وبالتالي بتساعدك
- 0:44على موضوع فهم الاكواد واستيعاب افضل
- 0:47الممارسات في كتابتها خلينا نشوف في
- 0:49البدايه هون عم يسوي امبورت ليوز ستيت
- 0:51وهذا شيء ممتاز لانه اذا بدك تربط ستيت
- 0:54معينه بالكود الموجود عندك فلازم تستخدم
- 0:57الهوك اللي اسمه يوز ستيت بعدين عما
- 0:59يعرفكم كونت هو فعليا اللي بيمثل لك هذا
- 1:01الاوت بوت اللي عم يطلع لك على اليمين هذا
- 1:03الكومبوننت لاحظ ايش عرف منه عرف منه
- 1:06اوبجيكت متكامل سماه باسم بلاير واخذ منه
- 1:10الداله اللي اسمها ست بلاير اخذها من وين
- 1:12اخذها من الهوك اللي اسمه يوز ستيت واعطاه
- 1:15قيمه ابتدائيه عباره عن اوبجكت يحتوي على
- 1:18الفيرست نيم اللي هو طالع عندك اللاست نيم
- 1:21بالاضافه الى السكور اللي هو قيمته
- 1:22الابتدائيه الافتراضيه تساوي ع بعدين هون
- 1:26عندك ها الفانكشن اللي فعليا بتساوي لك
- 1:30هاندلينج للايفنت اذا صار في ايفنت معين
- 1:32مثل ان المستخدم كتب على هذا التكست فيلد
- 1:35او على هذا التكست فيلد او ضغط على هذا
- 1:37الزر ففعل بم استدعاء الفانكشن على حسب
- 1:40الفانكشن المرتبطه بالايفنت وعشان نستوعب
- 1:43ها الفانكشن خلينا ننزل اول بالنسبه للكود
- 1:45الخاص بالجي اس اكس اللي بيطلع لي هذا
- 1:48المظهر او هذا الشكل النهائي لاحظ انه اول
- 1:50شيء عرف لي ليبل وهذا الليبل موجود عنده
- 1:53كلمه سكور وبداخل هذا السكور راح حط
- 1:56البلاير دوت سكور مره ثانيه ايش هو
- 1:58البلاير البلاير فعليا هو عباره عن ستيت
- 2:01في هذا الكومبوننت وبالتالي بتقدر تدخل
- 2:04عند هذا البلاير وتحديدا عن ها السكور
- 2:06وبالتالي طريقه قراءه الستيت ووضعها في
- 2:09مكانها هي طريقه صحيحه لانه دخلها من خلال
- 2:12الاوبجكت اللي نحنا استخرجناه من اليوز
- 2:15ستيت هوك واستخدم منها السكور وبناء على
- 2:18ذلك طلع له في هذا المكان انه السكور 10
- 2:20بعدين لو كملنا لاحظ انه موجود عننا هذا
- 2:23البوتون هذا البوتون موجود فيه زائد واحد
- 2:26وبالتالي هو بيمثل هذا البوتون الموجود
- 2:28عندك هون طيب اذا تم الضغط عليه اذا صار
- 2:31الايفنت تبع الاون كليك ايش اللي بيصير
- 2:34خلينا نشوف مكتوب هون اذا صار في الاون
- 2:37كليك وبالتالي البروب اللي اسمها اون كليك
- 2:40هي راح تستدعي لي الداله اللي اسمها هاندل
- 2:42بلس كليك طبعا لاحظ كيف استخدم اسم الداله
- 2:45مباشره بدون ما يسويلها استدعاء عشان ما
- 2:47يصير عنده مشاكل فالان لو رحت عند الهاندل
- 2:50بلس كليك عشان نشوفها ونشوف ايش عم يصير
- 2:53فيها عم روح على الهاندل بلس كليك ها هي
- 2:55الفانكشن لاحظ ايش عم يسوي عم يقول لله
- 2:58بلاير دوت سكور بلس بلس بمعنى اخر كانه عم
- 3:02يقول له بلاير دوت سكور يساوي بلاير دوت
- 3:06سكور بلس 1 هذا الشيء اذا سويت له رن ترى
- 3:10ما راح يطلع لك خطا لكن راح يطلع لك سلوك
- 3:13غريب لما تتعامل مع الستيت ليش لانه مره
- 3:17ثانيه ها الطريقه نحن بنسميها بالموتي شن
- 3:21التعديل او بتقدر تسميها باسم الاسايمنت
- 3:24هو انك عم تروح على متغير الستيت اللي
- 3:26اسمه بلاير وعما تروح تغير قيمه احد الكيز
- 3:30الموجوده فيه وكانك عم تغيره بشكل مباشر
- 3:33عن طريق علامه المساواه وبرجع بذكرك مره
- 3:36ثانيه التغيير عن طريق علامه المساواه
- 3:39باستيت هذا بنسميه الموتي شن والموتي شن
- 3:43بالنسبه للستات ممنوع في رياكت مو معناها
- 3:46ممنوع انه راح يطلع لك خطا بس راح تطلع لك
- 3:49مشاكل غير مرغوب فيها وما راح تنعكس لك
- 3:52النتيجه النهائيه فواضح تماما انه هون هو
- 3:55الخطا الخطا فعليا هو هذا الشيء اللي كان
- 3:57موجود هون بلس بلس المفروض عشان تحدث
- 4:00الستيت حتى لو كانت مجرد كي في اوبجكت من
- 4:04ها الستيت انك تروح تحدثها عن طريق الداله
- 4:08الخاصه بتحديث الستيت اللي اسمها ست بلاير
- 4:11وبالتالي في هذا المكان المفروض احدث
- 4:14السكور عن طريق الست بلاير طيب كيف بحدث
- 4:17عشان نعرف كيف نحدثها نحنا شفنا كيف ممكن
- 4:20نحدثها بس خليني اتاكد اول انه الفيرست
- 4:23نيم والاست نيم عم تتحدث بطريقه صحيحه نحن
- 4:26بنعرف انه الفيرست نيم
- 4:29لازم تربطه بطريقتين من جهه القراءه ومن
- 4:33جهه الكتابه من جهه القراءه بانك تحدد
- 4:36ايشي الفالو تبعه ومن جهه الكتابه انك
- 4:39تحدث هي الفالو بناء على اي تغيير بناء
- 4:43على كتابه اي حرف بيكتبه المستخدم في هذا
- 4:46الانبوت وبالتالي اون تينج انا عم مستدعي
- 4:49الداله اللي اسمها هاندل فيرست نيم تينج
- 4:52خلينا نشوف هي الداله وين عندي هاندل
- 4:54فيرست نيم تشينج لاحظ انه اللي عم يسوي لي
- 4:57اياه عم يستخدم الداله اللي اسمها ست
- 4:59بلاير ايش هي الداله اللي اسمها ست بلاير
- 5:01هي عباره عن الداله اللي اجتني من الهوك
- 5:03تبع الستيت وبالتالي تحديث القيمه تبعها
- 5:07مبدئيا صحيح خلينا نكمل عم ياخذ البلاير
- 5:11مثل ما كان وينسخه مثل ما كان ايش هو
- 5:14البلاير هو عباره عن المتغير اللي اجاني
- 5:16من الستيت وبالتالي عم ينسخ الستيت بدل ما
- 5:19يعدل على نفس الاوبجكت وهي ممارسه صحيحه
- 5:22مهم جدا انك تنسخ الاوبجكت بدل ما انك
- 5:25تعدل عليه بشكل مباشر فهو راح نسخه بكل
- 5:28الكيز الموجوده في وبعدين قال له سويلي
- 5:31اوفر رايت للكي اللي اسمه فيرست نيم بحيث
- 5:34انه يمثل الاي دوت تارجت دوت فو بناء على
- 5:37ذلك هذا الكود صحيح تعديل الستيت صحيح
- 5:40قراءه الستيت في الانبوت صحيح وبناء عليها
- 5:43اذا كتبت اي شيء فهو عم ينعكس على الستيت
- 5:46وعم ينعكس على اليو اي بدون مشاكل هل نفس
- 5:48الشيء مطبق للاست نيم خلينا نشوف اللاست
- 5:51نيم عم يقوللك ان الفالو تبعها هي عباره
- 5:53عن بلاير د لاست نيم بعدين اونينج اذا صار
- 5:56في اي تغيير استدعي لي الداله اللي اسمها
- 5:58هاندل لاست نيم تينج والداله اللي اسمها
- 6:00هاندل لاست نيم تينج بتسوي نفس الشيء اللي
- 6:02بتسوي لك اه هاندل فيرست نيم تينج انه
- 6:05فعليا بتروح بتقول لك ست بلاير لكن هون
- 6:08ايش المشكله اللي عم تصير لما عم يقول لك
- 6:11ست بلاير عم يروح يعدل اللاست نيم مباشره
- 6:14بس كل الكيز الثانيه اصلا عم تختفي
- 6:17الاشياء اللي كانت موجوده في الاستيت عم
- 6:18تختفي اللي هي الفيرست نيم واللاستقطاب
- 6:29يت الاخرى عم يختفي وبالتالي عم يطلع لك
- 6:32هذا السلوك الغريب انه السكور خلاص اختفى
- 6:34وما عاد يطلع لك لاني كاني مسحته من
- 6:36الوجود لما قلت له سويلي ستست بلاير
- 6:39واستبدلت هذا الاوبجكت اللي اسمه بلاير
- 6:41كامل بانه اوبجيكت له فيرست نيم ولاست نيم
- 6:44وسكور انه يصير له اللاست نيم فقط
- 6:47وبالتالي هون في مشكله في التعديل فاول
- 6:50شيء عشان نصلح ها المشكله المفروض قول له
- 6:52انسخ لي كل الكيز اللي كانت في البلاير
- 6:55اوبجكت سابقا وبعدين ضيف عليها اللاست نيم
- 6:58فالان المفروض لو جيت وسويت له ريسيت طبعا
- 7:01لما تسوي ريسيت راح يقول لك ترى الكود
- 7:03الموجود عندك راح يروح لذلك انا راح احدد
- 7:06كامل الكود عن طريق الضغط على كوماند اي
- 7:08واسوي له نسخ بعدين اقول له يلا سويلي
- 7:10ريسيت الان وما عندي مشكله بعدين ارجع
- 7:12احدد كامل كود عندي واسوي له لصق خليني
- 7:15اجرب هل الموضوع الان انحل فيما يخص
- 7:17اللاست نيم اذا غيرت اللاست نيم تغير معي
- 7:21تمام بدون ما ياثر على السكور الموجود هون
- 7:23وبدون ما يمحيه لانه نسخ كل الكيز الثانيه
- 7:26اللي كانت موجوده وحافظ على قيمها اللي هي
- 7:29الخاصه باستيت الحاليه اذا عدلت الفيرست
- 7:32نيم هو اصلا شغال تمام والكود الخاص فيه
- 7:35شغال اصلا تمام مكتوب بطريقه صحيحه اذا
- 7:38حاولت ازيد السكور هون راح ترجع المشكله
- 7:41انه ما عم يزداد السكور الموجود عندك ليش
- 7:43لانه طريقه تعديل الاستيت هي عن طريق
- 7:46الموتي شن وهذا شيء ممنوع بالنسبه لل ستيت
- 7:49فعشان اعدلها اللي لازم اسويه اني استخدم
- 7:53السست بلاير بنفس الطريقه واحط نفس الكيز
- 7:55مثل ما كانوا باستثناء انه السكور راح
- 7:58ازيده بمقدار واحد واح لذلك راح اجي اقول
- 8:01له استدعي لي الداله اللي اسمها ست بلاير
- 8:03وهي الداله انا راح احط فيها اوبجكت جديد
- 8:06هذا الاوبجكت فعليا ترى هو ليس الا نسخه
- 8:09من الاوبجكت السابق اللي كان اسمه بلاير
- 8:11بكل الكيز والفالو الموجوده فيه بس
- 8:14باستثناء انه السكور كي اللي كان موجود
- 8:17فيه هذا خذ لي اياه من نفس البلاير دوت
- 8:20سكور وهون ايش بسوي ايش رايك لو سويت زائد
- 8:24زائد بهذا الشكل هل هذا الكود صحيح لو جيت
- 8:27مره ثانيه اجرب حسوي كوماند اي عشان انسخ
- 8:29الكود وبعدين اسوي لله ريسيت وبعدين راح
- 8:32احط الكود بالشكل اللي وصلت له لاحظ اني
- 8:34عم اقول لله انه السكور يساوي بلاير دت
- 8:36سكور زائد زائد وبعدين عم احط نفس الكيز
- 8:39تبع البلاير لو جيت ضغطت زائد واحد نفس
- 8:42المشكله تماما ما عم يشتغل ليش لانه صحيح
- 8:45انا حطيت الكود بطريقه صحيحه وقلت له ست
- 8:47بلاير بطريقه صحيحه بس لما جيت اعرف
- 8:50السكور رجعت لنفس المشكله بلاير دوت سكور
- 8:52زائد زائد ها ايش معناها هي معناها انه
- 8:55البلاير دوت سكور يساوي بلاير دوت سور
- 9:00زائد واحد وبالتالي انا رجعت الموتشي على
- 9:04الاوبجكت تبع الستيت فانا المفروض ما اقول
- 9:06له زائد زائد وانما اقول له بلاير دوت
- 9:09سكور زائد واحد لاني بهذا الشكل انا ما عم
- 9:12اغير الاوبجكت اللي اسمه بلاير دوت سكور
- 9:15انا عم غير فقط القيمه الخاصه
- 9:18بالسكوريت الجديد اللي هو نسخه من البلاير
- 9:21باستثناء الاوفر رايت اللي عملته
- 9:27للسكوريت عشان رجع لي مثل ما كان وبعدين
- 9:30احط الكود الموجود عندي بهذا الشكل خليني
- 9:33اجرب اسوي زائد واحد لاحظ انه شغال تمام
- 9:35بدون مشاكل اغير الفيرست نيم عم يتغير
- 9:38بدون ما ياثر على السكور اغير اللاست نيم
- 9:40عم يتغير بدون ما ياثر على السكور وهذا هو
- 9:44حل هذا التحدي لذلك دائما وابدا حاول تحذر
- 9:49من موضوع الموتي شن تبع الستيت انك تعدل
- 9:52الستيت بطريقه الاسايمنت او انك تقول له
- 9:55يساوي المفروض انك تعتمد عليها بطريقه
- 9:57صحيحه ولما تعدلها اذا كانت اوبجكت لازم
- 10:01تنتبه انك تنسخ كل الكيز والفالو السابقه
- 10:05الموجوده فيه عشان ما تاثر على اي كي اخر
- 10:08مرتبط بنفس الاوبجكت اللي هو بيمثل نفس
- 10:11الستيت هذا كان حل التحدي الخاص باستيت
- 10:14اوبجكت اتمنى ان شاء الله انه كان الشرح
- 10:15واضح واذا كان عندك اي سؤال وا استفسار لا
- 10:17تردد بطرحه سواء في التعليقات او في جروب
- 10:20رياكت الخاص بالتليجرام ونشوفكم ان شاء
- 10:23الله في الدرس
- 10:25الجاي
About this transcript
This page contains the full transcript of 31: حل تحدي تحديث ال Object State by أكاديمية ترميز, generated from the public captions YouTube serves with the video. The transcript has 1,630 words across 219 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.
What you can do with it
Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to translate the transcript into 100+ languages.
Free YouTube transcript tool
YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, translation to 100+ languages, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.