كيفية حل كل ما ورد في الـ Saga (React Native)

عمر سالم2 · 14 مارس 2021

مرحباً،

أعمل على عمل state management باستخدام Redux Saga ولكن عندي مشكلة انه اريد عمل middleware ليحل كل الـ sagas الموجودة عندي.

لقد قمت باستخدام Promise.all ولكنها لم تعمل.

import authSagas from './auth/sagas';
import notificationSagas from './notification/sagas';

function rootSagas() {
	Promise.all([...authSagas, notificationSagas]);
}

export default rootSagas;

تم التعديل في 14 مارس 2021 بواسطة عمر سالم2

إسلام عبدالعزيز · 14 مارس 2021

تتكون حلقة الـ Redux Saga من الـ JavaScript Generators. كما تعلم، فعند إنشاء، على سبيل المثال، ساجا للـ Auth بالشكل التالي لعمل تسجيل خروج للمستخدم:

function* requestLogout() {
	const isLogged = yield select(authSelectors.isLogged);

	if (isLogged) {
		yield call(authModels.logout);
	}

	yield put(authActions.logout());
}

ستلاحظ أن كل شئ يتم تمريره ياستخدام الـ Effects مثل call و put مع الـ generators عن طريق yield.

بكل بساطة، القيم العائدة من الـ yields هي نوع من التعليمات في شكل كائنات (object) ليستطيع Redux Saga تمريرها للـ saga التالية. لذا، عند عمل الـ root saga للتطبيق، يحب أولاً تحويل الدالة الى generator واستخدام التأثير all:

function* rootSagas() {
	yield all([...authSagas, ...notificationSagas]);
}

كيفية حل كل ما ورد في الـ Saga (React Native)

السؤال

عمر سالم2

1 جواب على هذا السؤال

Recommended Posts

إسلام عبدالعزيز

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية