Redux Saga Дважды вызов в асинхронном режиме

Я создаю приложение, ориентированное на реакцию, с помощью redux saga. Я думаю, что делаю что-то не так. Это может быть потому, что я мало знаю о том, как работает сага. Но я пытаюсь понять, почему вам нужно звонить дважды.

Моя кнопка для первого звонка.

    <Button
                loading={pending}
                onPress={this.handleLogin}
                containerStyle={styles.margin}
              />

Моя функция для кнопки.

 handleLogin = () => {
    const { screenProps: {t} } = this.props;
    const {email, password} = this.state;
    this.props.dispatch(signInWithEmail({email, password}));

Мои действия

import * as Actions from './constants';

export function signInWithEmail({email, password}) {
  return {
    email,
    password,
    type: Actions.SIGN_IN_WITH_EMAIL,
  };
}

Слушатели моей саги

export default function* authSaga() {
  yield takeEvery(Actions.SIGN_IN_WITH_EMAIL, signInWithEmailSaga);
  yield takeEvery(Actions.SIGN_IN_WITH_MOBILE, signInWithMobileSaga);
  yield takeEvery(Actions.SIGN_UP_WITH_EMAIL, signUpWithEmailSaga);
  yield takeEvery(Actions.SIGN_IN_WITH_GOOGLE, signInWithGoogleSaga); 
  ...
}

Моя функция саги

function* signInWithEmailSaga({email, password}) {
  try {
    const language = yield select(languageSelector);
    let loginRequest = {
      email,
      password,
    };
    const token = globalConfig.getToken();
    const responseLogin = yield call(loginWithEmail, loginRequest);

    if (!responseLogin.user) {
      console.log('if not user', responseLogin);
      yield put({
        type: Actions.SIGN_IN_WITH_EMAIL_ERROR,
        payload: {
          message: responseLogin.message,
        },
      });
    } else {
      yield call(setUser, responseLogin);
    }
  } catch (e) {
    // yield call(handleError, e)
    yield put({
      type: Actions.SIGN_IN_WITH_EMAIL_ERROR,
      payload: {
        message: e.message,
      },
    });
  }
}

Я отправляю электронное письмо и пароль на сервер, чтобы получить ответ. Я делаю это через yield call(loginWithEmail, loginRequest);

если функция signInWithEmailSaga содержит только строку журнала консоли, запускается только дважды. Для меня это большая ошибка. Я потратил 20 часов, но не сделал.

Я использовал takeLatest, takeEvery и изменил название действия. Тот же результат.

Это мой магазин redux и установка промежуточного программного обеспечения саги.

import {composeWithDevTools} from 'redux-devtools-extension';
import {createStore, applyMiddleware, compose} from 'redux';
import createSagaMiddleware from 'redux-saga';
import {persistStore, persistReducer} from 'redux-persist';
import AsyncStorage from '@react-native-community/async-storage';
import immutableTransform from 'redux-persist-transform-immutable';
import rootReducer from './reducers';
import rootSaga from './sagas';

const persistConfig = {
  key: 'root',
  transforms: [immutableTransform()],
  storage: AsyncStorage,
  whitelist: [
    // 'test',
    'common',
    'category',
    'classified',
    //'auth',
  ],
};

const composeEnhancers =
  process.env.NODE_ENV === 'development'
    ? composeWithDevTools({realtime: true})
    : compose;
const sagaMiddleware = createSagaMiddleware();
const persistedReducer = persistReducer(persistConfig, rootReducer);

export default () => {
  const enhancer = composeEnhancers(applyMiddleware(sagaMiddleware));
  const store = createStore(persistedReducer, enhancer);
  let persistor = persistStore(store);
  // then run the saga
  sagaMiddleware.run(rootSaga);
  return {store, persistor};
};

Буду очень рад, если вы дадите информацию о том, в чем проблема. Спасибо.


person Kvlknctk    schedule 18.03.2021    source источник


Ответы (1)


Возможно, ваши слушатели саги снова будут регистрироваться, когда вы измените маршрут и вернетесь на ту же страницу.

Решением было бы отменить регистрацию саги, когда контейнер, соответствующий этому конкретному маршруту, отключен.

person navintellis    schedule 18.03.2021