Redux: العودية اللانهائية التي تحدث مع البرامج الوسيطة

أود أن أقول أنه نظرًا لمستوى استخدامها ، فمن غير المرجح أن تكون مشكلة مع Redux أو Redux Thunk ، ومن المرجح أن تكون خطأ خفيًا في كود التطبيق.

من الصعب التشخيص من المصدر وحده. إذا كان بإمكانك نشر مشروع يعيد إنتاج المشكلة ، فسيكون ذلك مفيدًا.

القضية هنا :

const mapDispatchToProps = (dispatch) => {
  return dispatch;
}

تمامًا مثل mapStateToProps ، من المفترض أن يقوم mapDispatchToProps بإرجاع كائن به أدوات .

إذا قمت بتوفير دالة ، فإن connect() سيستدعي

في حالتك ، كنت تقصد إرجاع {dispatch} (كائن) بدلاً من dispatch (دالة):

const mapDispatchToProps = (dispatch) => {
  // return dispatch;
  return {dispatch};
}

سيؤدي ذلك إلى حل المشكلة. بالمناسبة ، هذا _ هو السلوك الافتراضي إذا لم تحدد mapDispatchToProps ، لذلك يمكنك حذفه تمامًا وعدم تمريره إلى connect() على الإطلاق.

آمل أن يساعد هذا!

شكرًا جزيلاً على مساعدتك في هذا والشرح الشامل الذي قدمته!