Я создаю приложение, ориентированное на реакцию, с помощью 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};
};
Буду очень рад, если вы дадите информацию о том, в чем проблема. Спасибо.