اذهب إلى المحتوى
  • 0

كيف أحل مشكلة استخدام ال Context بداخل ال Reducer Function في React ؟

Muhannad Bahurmoz

السؤال

السلام عليكم ورحمة الله وبركاته,

أنشأت Context مع ال Provider الخاص به كما موضح في الصورة التالية:

cont.thumb.png.17b8fcd5b9069f617a19ae004a3580e1.png

ثم أنشأت Reducer في ملف وأنشأت ال Function الخاصة به في ملف منفصل كما موضح في الصور التالية:

هنا أنشأت ال Reducer:

creatRed.thumb.png.1133e2c7ded804aba6c3575d60dacd41.png

وهنا ال Function الخاصة به في ملف منفصل:

reducerFile.thumb.png.887315c7dd812e7b19ea9645a679fb15.png

وكما ترون عند الأسهم الثلاث قمت باستدعاء ال Context واستخدامه بداخل ال Function الخاصة بال Reducer

وعند تشغيل التطبيق يعمل بشكل جيد ويؤدي المطلوب ولكن تأتيني المشكلة التالية في الكونسول:

console.thumb.png.eccafe6d0fba92e8da587e12a5fd37b4.png

كيف يمكنني حل هذه المشكلة ؟,

أو هل توجد طريقة أخرى لاستخدام ال Context بداخل ال Reducer Function دون تمرير ال Context من خلال ال dispatch الخاص بال Reducer ؟

لأن جربت التمرير من خلال ال dispatch بالشكل التالي:

dispatch.thumb.png.b181d8bf5877c95f80fc6fc19f4872da.png

pass.thumb.png.dfdd6b4cdd4bf729f09e9b66ef714910.png

وأتتني المشكلة التالية:

errrrrr.thumb.png.2af5a60ffc1b7dd51fa78d0cc94e348e.png

رغم أن التطبيق أيضًا يعمل بشكل جيد !

 

أعتذر على الإطالة, وشكرًا لكم مقدمًا

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

لا توجد أي إجابات على هذا السؤال بعد

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...