YT YouTube2Text

YouTube2Text → Transcripts → 26: State with Forms in React

26: State with Forms in React — Transcript

by أكاديمية ترميز · 2,889 words · 386 segments · language en · Watch on YouTube

Open in transcriber Summarize with AI Download SRT/VTT

Full transcript

0:00السلام عليكم حياكم الله بالدرس ال 26 من
0:02سلسله دروس رياكت جي اس في الدروس السابقه
0:04شفنا كيف ممكن نتعامل مع الاستيت باستخدام
0:07البوتون او حتى باستخدام الانبوت وبهذا
0:10الدرس راح نكمل بهذا الموضوع ونشوف كيف
0:13ممكن نتعامل مع الاستيت اذا كان عننا فورم
0:15متكامل يحتوي على مجموعه من الانبوت
0:18بالاضافه الى سبمت بوتون عشان ابدا اشتغل
0:20انا هالمره راح اسوي فايل جديد هذا الفايل
0:22الجديد راح اسميه باسم ماي فورم فراح اسوي
0:25نيو فايل وهذا الفايل راح يكون اسمه ماي
0:28فورم وطبعا كالعاده لازم يكون كابيتال
0:30ليتر وراح يكون امتداده جافا سكريبت لانه
0:33في نهايه الامر هو ملف جافا سكريبت
0:34وكالعاده ببدا باني اكتب اكسبورت ديفولت
0:39وبعدين فانكشن وهاي الفانكشن في نهايه
0:42الامر هي كمبوننت اسمه ماي فورم بهذا
0:45الشكل راح افتح الكيري براكتس وبداخلها
0:48راح اجي واسوي ريتيرن للتالي عشان اشوف
0:50الشكل بس فراح اكتب ريتيرن وافتح القوس
0:53واكره وبداخله ممكن اقول له راح يكون عندي
0:57فورم اللي هو عباره عن عنصر اتش تي ام ال
0:59معروف هذا الفورم راح يحتوي على مجموعه من
1:01الانبوت اللي ممكن المستخدم انه يعبيها
1:04فمثلا راح يكون عنده ليبل وبعدين هذا
1:06الليبل مثلا راح احط فيه نيم وبعدين راح
1:09يكون في انبوت وهذا الانبوت مخصص للنيم
1:12ومثلا راح اسوي نسخ لهذا الشيء ممكن احط
1:15هون مثلا اتش ار على سبيل المثال وبعدين
1:18احط العنصر الثاني اللي هو كذلك راح يكون
1:21عباره عن ليبل اللي اسمه او اللي مكتوب
1:24فيه ايميل وبعدين عنده انبوت واخيرا راح
1:27يكون في عندي اتش ار وبعده راح يكون في
1:31البمت بوتون لذلك راح اقول لله بوتون وهذا
1:34البوتون راح اسكره واكتب سبمت راح اسوي
1:37سيف الان راح اروح عند الاب اسوي امبورت
1:40لهذا الفورم فراح اقول له امبورت ماي فورم
1:45فروم ماي فورم والان راح امسح كل ها
1:47الاشياء بس عشان اعتمد على الفورم هو اللي
1:49يطلع لي في الصفحه واركز عليه فلذلك راح
1:51اجي واحط الماي فورم في هذا المكان واسويه
1:55سلف كلوزينج المنت راح اسوي سيف وارجع مره
1:57ثانيه اشوف النتيجه لاحظ انه ها هي
1:59النتيجه اللي طلعت اياها لذلك انا ممكن
2:01اني ارجع مره ثانيه مثلا واقول له هون
2:03بالنسبه لهذا الف اللي بيحتوي على الفورم
2:05راح يكون له الستايل التالي وهذا الستايل
2:08راح يكون مثلا بادينج توب عشان ينزل لي
2:12اياه لتحت وهذا راح يكون مثلا 300 بكسلز
2:15فلو سويت سيف ورجعت لاحظ انه طلعلي الفورم
2:17في هذا المكان طيب جميل هذا هو الفورم
2:20الموجود عندي الان اللي بدي اسويه انه
2:22بدنا نستوعب كيف ممكن نتعامل مع الفورم
2:25بطريقه رياكت بانه هذا الفورم يكون له
2:29متغير مرتبط فيه بمعنى اخر تخيل انك مثلا
2:32عم تتعامل سواء مع اي بي اي ولا مع تطبيق
2:34طبيعي ولا اللي هو المفروض لما المستخدم
2:37يضغط على سبمت بحكم الامتيازات اللي بتوفر
2:40لك اياها رياكت يكون عندك اوبجكت هذا
2:43الاوبجكت يحتوي على كل البيانات اللي انت
2:45بتحتاجها بشكل مباشر فبيا اخذ لك النيم من
2:48هذا الانبوت وبياخذ لك الايميل من هذا
2:50الانبوت واذا في اي انبوت ثاني بيروح
2:52بياخذ لك اياهم منهم لذلك اللي راح اسويه
2:54انا اني راح اروح على الماي فورم وراح
2:57احاول اني اربط مجموعه ي
3:00موجوده عندي في ها الاماكن فانا اللي بجي
3:02بسويه كالعاده اني بجي بقول لله امبورت
3:06يوز ستيت عشان استخدم هذا الهوك اللي هو
3:09ممثل الطريقه الصحيحه للتعامل مع الاستيت
3:11في الكبون تبع رياكت بعدين بجي بعرف
3:14المتغير اللي بدي اياه لاحظ انه الان انا
3:16ما عندي عنصر واحد هو اللي بدي اربطه
3:18باستيت انا ما عندي انبوت واحد مثل حاله
3:21الماي انبوت انا ما عندي بوتون واحد مثل
3:24حاله الماي بتون انا عندي مجموعه من
3:26الاشياء المجمعه مع بعض فكيف بسويها هل
3:29واحد منهم بستخدم اليوز ستيت فيه ممكن
3:32اسوي هذا الشيء بمعنى انه ممكن اجي يقول
3:35له كونست بعدين ابدا مع النيم انبوت في
3:39البدايه فسوي لله ستيت خاصه فيه فاجي يقول
3:42له عرف لي النيم انبوت بالاضافه الى
3:46الفنكشن اللي اسمها ست نيم انبوت بحيث انه
3:49هذا يساوي استدعاء الداله اللي اسمها يوز
3:52ستيت والقيمه الافتراضيه الاوليه راح تكون
3:55عباره عن سترين فاضي بعدين بنفس الطريقه
3:57اللي شفناها في الدرس السابق انا ممكن اجي
3:59يقول له انه الفالو تبع هذا الانبوت راح
4:02تساوي النيم انبوت وتذكر انه هذا الشيء لا
4:05يكفي انك تربطه لما تربط الانبوت بالفال
4:08لازم كذلك تقول له انه اون تينج هون ممكن
4:11تروح تستدعي داله او ممكن تعرفها كونيمس
4:14فانكشن مباشره تيجي تقول له يساوي وبعدين
4:17تفتح هذول القوسين وتعرف الداله اللي بدك
4:20اياها بس اذا سويتها بهذا الشكل شلون بدي
4:22احصل على البارامتر اللي اسمه ايفينت عادي
4:24جدا بتعرفه هون ممكن تحطه بهذا الشكل طبعا
4:27هذا البارامتر انت بتسميه بالاسم بدك اياه
4:30هو في نهايه الامر بارامتر بعدين في هذا
4:32المكان تبع الكيرلي براكتس بدل ما اني
4:34فصلتها لداله منفصله اسمها هاندل انبوت
4:37تينج بتلقى الايفنت وبتروح بتسوي لي ست
4:39فانا مباشره هون عم اسويها بالانس فانكشن
4:42اني عم اقول له استدعي لي الداله اللي
4:44اسمها ست نيم انبوت اللي اجتني من هون من
4:47اليوز ستيت بحيث انه تعبي لي القيمه
4:49الجديده اللي هي راح يتم اخذها من الايفنت
4:53دوت تارجت دوت value بهذا الشكل فالان
4:58خليني اسوي سيف واتاكد انه هذا هذا فعلا
4:59ارتبط باستيت بدون اي مشاكل راح ارجع مره
5:02ثانيه اشوف وراح اجي عند هذا الانبوت على
5:05سبيل المثال اسمه نيم وراح اكتب عليه طبعا
5:07لاحظ ان الكتابه شغاله تمام بس هل هو فعلا
5:09مرتبط باستيت ولا لا لازم اشوف لذلك راح
5:13اروح عند هذا الفورم راح اضغط عليه لاحظ
5:16انه عم يقول لي في عندك ستيت ها هي الستيت
5:19المرتبط فيها مثل ما هو واضح عندك
5:21وبالتالي فعلا هو صار مرتبط باستيت
5:23والتغييرات اللي بسويها في هذا المكان عم
5:26تاثر على الستيت في هذا المكان وبالتالي
5:28هي شغاله بشكل صحيح طيب الانبوت الثاني
5:31ايش بسوي فيه ممكن اسوي له متغيرات ثانيه
5:34ستيت اخرى وبالتالي ممكن انسخ نفس السطر
5:38تماما بس هون بدل ما اسميها نيم انبوت راح
5:41اسميها باسم الايميل انبوت وهون راح
5:44اسميها باسم ست ايميل انبوت وهاي الفالو
5:47والون تينج بنفس الطريقه ممكن اني انسخهم
5:50وبعدين احطهم عند هذا الانبوت بهذا الشكل
5:53بس هون بدل ما يقر لي من النيم انبوت راح
5:56اخليه يقرا لي من الايميل انبوت وهون راح
5:59اخليه يسوي لي ست للايميل انبوت قبل ما
6:01اغيرهم خليني اخليهم بهذا الشكل كاختبار
6:04سريع لو سويت سيف وجينا شفنا النتيجه ايش
6:07تتوقع راح يصير لو رجعت مره ثانيه المفروض
6:10كل الانبوت يكون لهم نفس القيمه واذا عدلت
6:14على واحد يتعدل على الثاني وراح اثبت لك
6:16هذا الشيء لاحظ اني لو عبيت النيم الان
6:18حتى الايميل عم يتعبى ولو مسحت من الايميل
6:22حتى من النيم عم ينمسح ليش لانه كلهم
6:25مرتبطين باستيت واحده فعليا لها نفس
6:28القيمه هي المرتبطه فيها هي ها الستيت
6:30الستيت الاولى هي الستيت الثانيه هي تمثل
6:33هذا المتغير او هذول المتغيرين بس لساعتها
6:36فاضيه وما اعتمدنا عليها اساسا طيب فالان
6:40خليني اعتمد عليها هون الفالو راح تكون
6:43عباره عن الايميل انبوت وهون الداله اللي
6:46راح استدع هي السست ايميل انبوت فلو سويت
6:50سيف الان كل واحده راح تكون له الستيت
6:52المنفصله لو عدلت على الاول لاحظ انه عم
6:54يتعدل على الاستيت الاولى ولو عدلت الثاني
6:57هون عم يتعدل على الاستيت الثانيه جميل
7:00طيب الان هذا البوتون وظيفته انه يسويلي
7:03سبمت اذا صار سبمت ايش لازم يصير طبعا
7:06عشان يسويلي سبمت انت بتقدر تخليه بوتون
7:08بتقدر تخليه انبوت والتايب تبعه سبمت يعني
7:11انا ممكن اجي اكتب هون انبوت بعدين اقول
7:14لله انه التايب هذا التايب تبعه يساوي
7:16سبمت لانه ها احد الاتربيوت في الاتش تي
7:18ام ال ما هيي من رياك جايه وهذا معناه اذا
7:20تم الضغط عليه فسوي سبمت لهذا الفورم كامل
7:23طيب لو سويت سيف الان لاحظ انه طلعلي ها
7:26المشكله لانه الانبوت المفروض انه يكون
7:27سلف كلوز بالتالي خليني اعتمد على هذا
7:30البوتون مثل ما هو عباره عن بوتون وبقدر
7:33اقول له انه التايب تبعه سبمت عشان يفهم
7:35انه اذا تم الضغط عليه يسويلي سبمت للفورم
7:37طبعا بهذا الشكل لو جيت وضغطت عليه لاحظ
7:40هو لحاله اعتبر لي اياه انه هو عباره عن
7:42سبمت لانه بيعتبر انه هذا البوتون الاساسي
7:45الموجود عندك في الفورم هو عباره عن بوتون
7:47مخصص للسب مت طيب ممتاز كونه معتمد عليه
7:50على هذا الشكل فايش عم يسوي لي عم يسوي لي
7:53سبمت على نفس الصفحه فعم يرجع يسوي لي
7:55ريفريش لها لكن انا ما بدي اياه يسوي لي
7:57ريفريش لهي الصفحه لانه لما بكتب شيء معين
8:00وبسوي سبمت انا ممكن بدي اسوي اي بي اي
8:02ريكويست انا ممكن بدي ارسل هي البيانات
8:04لمكان ثاني انا ممكن بدي اسوي شيء ما يحدث
8:07لي هي الصفحه وبالتالي اللي بقدر اسويه
8:09بقدر امنع عمليه التحديث هي بقدر امنع هذا
8:13الديفولت بيهيفير هذا السلوك الافتراضي
8:16اللي عم يسوي لي اياه الفورم لما يصير
8:18عليه سبمت وترى هو نفس السلوك تماما لو
8:21جيت وكتبت وضغطت انتر مثلا لانه ضغطه انتر
8:24على احد الانبوت وانت عم تكتب عليها ترى
8:26كمان يعتبر سبمت لذلك عشان امنع هذا شيء
8:29ترى انا بقدر استدعي الداله الموجوده في
8:32الفورم او الاتربيوت اللي موجود في الفورم
8:35اللي اسمه اون سبمت ها الاون سبمت كانها
8:38اون كليك كانها اون تينج موجوده عندك في
8:42الانبوت الى اخره وبالتالي بتقدر مداخلها
8:44تحدد ايش الشيء اللي راح يصير لما يصير
8:46سبمت فانا مثلا مبدئيا راح اقوله اليرت
8:49هلو بهذا الشكل طبعا لما اسويها بهذا
8:51الشكل هذا مره ثاني غير مقبول تذكر ان
8:54المفروض ما تستدعي فانكشن بهذا الشكل
8:56وانما المفروض انك تيجي تحط فشن كتعريف
9:00بداخلها استدعاء الفنكشن اللي بدك اياها
9:02فبحط قوسين وبعدين بحط الكيرلي براكت اللي
9:05هو البلوك تبع الفانكشن وبداخله ممكن
9:07استدعي الاليرت اللي هو هلو لو سويت سيف
9:10الان ورجعت مره ثانيه راح اضغط على اي
9:12مكان عبي اضغط انتر لاحظ انه راح يطلع لي
9:15هذا الاليرت لو ضغط على اوكي راح يرجع
9:17يسويلي ريفريش فلسه انا ما منعت موضوع
9:20الريفريش كيف ممكن امنعه عشان امنعه بنفس
9:23الطريقه اللي الانبوت فو عنده الاتربيوت
9:25اللي اسم اونينج وبيرسل لك فيها بارامتر
9:28اذا عرفته بروح بعبي لك اياه بمعلومات عن
9:31هذا الايفنت فانا بنفس الطريقه ترى بقدر
9:34اسويها بالنسبه للفورم بقدر اقول له انه
9:36هي الداله راح تتلقى متغير اسمه ايفينت
9:38ومره ثانيه هذا البارامتر ممكن تسميه
9:40بالاسم اللي بدك اياه وهذا الايفنت في
9:43عنده داله هي الداله اسمها بريفنت ديفولت
9:47ها الداله بتمنع الفورم من السلوك
9:49الافتراضي هو انه يسويلك ريفريش للصفحه
9:51فلو سويت سيف الان ورجعت مره ثانيه لاحظ
9:54اني راح اكتب شيء معين واضغط انتر ما صار
9:56اي شيء ولو ضغطت على السبت كذ ذك ما صار
9:59اي شيء فصرت انا الان بتحكم ايش راح يصير
10:02لما الفورم يصير عليه سبمت لذلك راح ارجع
10:05مره ثانيه واقول له مثلا لما بضغط على
10:08البمت انا بدي اطبع ها البيانات اللي هي
10:11بتمثلي الستيت لذلك راح اجي اقول له
10:15كونسول دوت لوج وبعدين راح احط بداخلها
10:18مثلا النيم انبوت وبعدين الايميل انبوت
10:22فانا عم ادخل على الاستيتس الموجوده عندي
10:25في هذا الكومبوننت لو سويت سيف ورجعت مره
10:28ثانيه خلي اضغط على الماي فورم لاحظ انه
10:30عندي تو ستيت هي الستيت الاولى وهي الستيت
10:33الثانيه مثلا النيم راح احط مثلا يعرب
10:35الايميل راح احط يعرب ا gmail.com على
10:38سبيل المثال فلو سويت سبمت الان لاحظ انه
10:40فعلا طبع لي الاسم وطبع لي الايميل فانا
10:44لو عم اسوي اي بي اي ريكويست مثلا بدي
10:46ارسله لاي بي اي معين فانا بعد ما اجيب
10:49القيم اللي بدي اياها بروح بسوي هذا الاي
10:51بي اي وبرسل لهم مثلا كبدي بارامتر بمعنى
10:53اني ممكن اجي اعرف بدي بارامتر وهذا ايش
10:57يساوي بروح بعبيه على حسب الاي بي اي كيف
10:59بيشتغل فبي جي بقول له مثلا النيم هذا خذ
11:02لي اياه من وين من النيم انبوت والايميل
11:07هذا خذ لي اياه من الايميل انبوت وبعدين
11:10باخذ هذا البودي بارامتر وبروح برسله
11:13بالريكوتا فيها مع الفور لكن بس للمعلوميه
11:17ترى هذا مو خيارك الوحيد والحقيقه انه في
11:20طريقه افضل ممكن تسوي فيها ستركشر لل ستيت
11:24دائما الاشياء المرتبطه مع بعضها واللي
11:27بتتغير مع بعض
11:29مثل هذا المثال الموجود عننا هون عننا
11:32اكثر من انبوت يفضل انك تربطهم مع بعض
11:35باستيت وده طيب كيف اربطهم باستيت واحده
11:38ستيت ما
11:44بتحتمس طيب صحيح انه الستيت ما بتقدر
11:47تعطيها الا قيمه واحده بس ترى بتقدر
11:49تعطيها اي نوع من انواع القيم انت ممكن
11:52تعطيها سترينج ممكن تعطيها بولين ممكن
11:55تعطيها اراي وممكن تعطيها اوبجيكت
11:59ممكن يكون عندك جيسون اوبجيكت تجمع فيه كل
12:03الاشياء المختلفه كل الانبوت المختلفه في
12:05ستيت واحده فقط فهو كاوبيكتات واحد هو
12:09ستيت واحده لكن يحتوي على كل بيانات بمعنى
12:12اخر بدل ما اسويها بهذا الشكل اللي هون
12:14انا راح اسوي كومنت لهذا الكود وراح اجي
12:17اعرف مره ثانيه فراح اجي اقول له كونست
12:20وهالمره راح اسميها اسم عام عشان يحتمل كل
12:23الاشياء اللي بداخله ويكون يصف الحاله
12:25اللي هو بيمثلها لذلك راح اسميه مثلا فورم
12:28انبوت هذا راح يكون عباره عن اوبجكت وعشان
12:31اسوي لله ست راح اسميها ست فورم انبوت
12:35طبعا ها لازم تكون فورم فخليني اصلحها هذا
12:38ايش يساوي هذا يساوي اليوز ستيت ايش
12:41القيمه الافتراضيه اللي لازم تكون هون انا
12:44هذول راح يكونوا عباره عن ايش ما هم
12:46سترينج فما راح احط سترين فاضي ولا هم رقم
12:49عشان احط رقم افتراضي في البدايه مثل
12:52الصفر هن عباره عن اوبجيكت فانا راح احط
12:54اوبجيكت فاضي وممكن احط نل ترى عادي يعني
12:57بس ممكن يسبب لك مشاكل ما راح اكلم عنها
12:59الان فالان راح يكون عندي اوبجكت فاضي
13:01وراح اقول له كانه هذا الاوبجكت فعليا هو
13:04اللي بيحتوي لي على الاشياء اللي بداخلها
13:06لذلك هذا الاوبجكت ترى راح يحتوي على
13:08مجموعه كي فالوز كل كي مرتبط ب انبوت معين
13:11فراح يكون مثلا عنده كي اسمه نيم قيمته
13:15الابتدائيه فاضيه وراح يكون عنده كذلك كي
13:18اخر اسمه ايميل راح تكون قيمته الابتدائيه
13:21كذلك عباره عن سترينج فاضي بعدين اللي راح
13:24اسويه اني راح اروح عند الانبوت الاول
13:25وراح اقول له شوف الفالو تبعك ترى هي
13:28مرتبطه ب الستيت اللي اسمها فورم انبوت
13:31فراح اقول لله اربطلي اياها بالفورم انبوت
13:34بس الفورم انبوت ها عباره عن اوبجكت
13:36متكامل والمفروض انه القيمه تبع الانبوت
13:39ترتبط بقيمه محدده لذلك انا مو قصدي
13:41الفورم انبوت وانما الفورم انبوت وتحديدا
13:44الكي اللي اسمه نيم فراح اقوله فورم انبوت
13:47دوت نيم بهذا الشكل طيب لما بغير القيمه
13:51على اي اساس بروح بسوي ست نيم انبوت هذا
13:55كانه عم يقوللي يعني ها الداله ت نيم
13:59انبوت كان عم تقوللي روح جيب لي هذا
14:00الايفنت دوت تارجت دوت فو واعطيه للمتغير
14:06المرتبط بالستات اللي هو فعليا هاي هي
14:09الستيت اللي هي الفورم انبوت فكاني عم اجي
14:11اقول له انه الفورم انبوت اللي هو عباره
14:13عن اوبجيكت يساوي ها القيمه بهذا الشكل
14:16وهذا شيء غير منطقي هي تمثل جزء من احد
14:19الكيز الموجوده بالفورم انبوت لذلك لما
14:22اجي اسوي ست لهي الستيت او ست للفورم
14:25انبوت فراح انسخ اسم الداله وراح احطها
14:27بهذا المكان هون المفروض الافنت دو تارجت
14:30دوت فو اعطيها للكي اللي اسمه نيم فلذلك
14:34بيجي بحط الكيرلي براكتس كاني عم اعدل
14:37القيمه تبع الاوبجكت كامل وبقول له شوف
14:40ترى النيم الموجود عندك راح يكون عباره عن
14:43الافنت دوت تارت دوت فو خليني اجرب عند
14:46هذا الحد واشوف لو سويت سيف الان طبعا راح
14:50يطلع لك شويه مشاكل لانه هون انا عم اعتمد
14:52على دوال انا مسحتها مثل الست ايميل انبوت
14:55فلذلك انا ممكن اسوي لها كومنت وهي الفالو
14:57كمان بنفس الطريقه انا ممكن اسوي لها
14:59كومنت راح ارجع الان مره ثانيه مازال في
15:01عندي خطا عم يقوللي ان نيم انبوت از
15:03ديفاين في سطر 12 فلو رجعت مره ثانيه لاحظ
15:06انه هون عم احاول اطبع النيم انبوت لذلك
15:08راح امسحه وهاي البودي برامتز كذلك راح
15:10امسحها بشكل كامل وهون طبعا هي ما اسمها
15:12فورم انبوت وانما فورم انبوت بالاس راح
15:15اسوي سيف الان وارجع مره ثانيه اشوف لو
15:18عدلت على النيم الان ايش راح يصير خليني
15:20اشوف راح اروح على الماي فورم واشوف
15:22الستيت تبعه لاحظ انه الستيت صارت عباره
15:26عن اوبجكت يحتوي على نيم و بداخله القيمه
15:29اللي حطيتها في الانبوت طيب ماذا لو رحت
15:31على الايميل وغيرته ما في شيء راح يتغير
15:34عندي بالست لانه الايميل فعليا ما هو
15:36مرتبط بهذا الاوبجكت ككل اللي هو ممثلي
15:39الاستيت لذلك بنفس الطريقه اللي انا ربطت
15:41في هذا الانبوت بدي اروح اربط الانبوت
15:43الثاني فراح اجي يقول له انه الفالو راح
15:45تكون عباره عن الفورم انبوت وتحديدا دوت
15:49الكي اللي اسمه ايميل ولما تتغير القيمه
15:52راح اجي استدعي ها الداله اللي اسمها ست
15:55فورم انبوت وهي راح يكون عباره عن اوبجكت
15:58يحت يحتوي على الايميل والايميل يمثل
16:00الافنت دوت تارجت دوت value فالان لو سويت
16:04سيف ورجعت مره ثانيه راح ابدا اعبي النيم
16:07راح اكتب حرف واحد فقط لو كتبته لاحظ كيف
16:10طلع لي اياه بهذا الشكل الان راح اروح عند
16:13الايميل واكتب مره ثانيه لاحظ لما كتبت
16:15ايش صار طلع لي مشكله خليني اجي اسوي
16:18ريفريش مره ثانيه ويكون هذول فاضيين من
16:20البدايه لاحظ انه الستيت الان تحتوي على
16:22ايش ايميل فاضي نيم فاضي لو جيت كتبت
16:26بالنيم لاحظ ايش عم يقوللك لك هذا الخطا
16:29اللي
16:32هو بعدين في كلام مهم عم يقوله اللي
16:40هو ايش اللي عم يصير لما انا عم اقوله انه
16:43النيم عم تتغير قيمته انا فعليا عم يجي
16:46يقوله سويلي ست لل ستيت بحيث يعكس لي هذا
16:49الاسم الموجود في هذا المكان وبالتالي
16:52فعلا طلعلي النيم بس ايش اللي صار وين راح
16:55الايميل اللي كان موجود هون في البدايه
16:57حتى لو جيت عند الايميل الان وكتبت لاحظ
17:00الستيت تغيرت صارت تحتوي على ايميل لكن
17:02اختفى النيم وهذا هو سبب الخطا اللي هون
17:05لاني لما عم اجي اقول له ست فورم انبوت
17:08ترى كاني عم اقول له استبدل لي هذا
17:10الاوبجكت اللي كان فيه نيم وكان في ايميل
17:12بابجيك جديد لا يحتوي الا على الايميل
17:17ولما اكتب في النيم استبدل لي هذا
17:19الاوبجكت اللي كان في نيم وكان في ايميل
17:21بابجيك جديد لا يحتوي الا على النيم
17:23وبالتالي هذا عم يسبب لي المشكله الموجوده
17:26هون كيف بحل ها المشكله هذا راح نشوفه ان
17:29شاء الله في الدرس الجاي اتمنى ان المشكله
17:31واضحه عندك وواضح كيف بستخدم الفورم وكيف
17:34ممكن نسوي ستركشر لل ستيت على انها تكون
17:37ستيت واحده تحتوي على اوبجكت متكامل يمثل
17:41لي كل الانبوت الموجوده بالست بدل ما اني
17:43افصلهم الى اكثر من ستيت وبالتالي يكون
17:45الكود افضل وانظف فاتمنى ان شاء الله انه
17:48كان الشرح واضح ونشوفكم ان شاء الله
17:49بالدرس
17:52الجاي

About this transcript

This page contains the full transcript of 26: State with Forms in React by أكاديمية ترميز, generated from the public captions YouTube serves with the video. The transcript has 2,889 words across 386 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.