我需要将动态数据从我的屏幕发送到 action/reducer 并使用该数据从 API 获取数据,但是当我在我的rootSaga 中让步时,我会收到这样的错误:
在检查 take(patternOrChannel) 时
未捕获:patternOrChannel 未定义在 rootSaga at rootSaga
at takeEvery处未捕获
错误:take(patternOrChannel):patternOrChannel 未定义
屏幕代码:
import { checkUserLoginStatus, userSignin } from '../actions/user';
class PreCheckout extends PureComponent {
handleLogin = () => {
this.props.dispatch(userSignin(username, password));
};
render() { .......
行动:
const USER_SIGNIN = 'USER_SIGNIN';
export const userSignin = (username, password) => ({
type: USER_SIGNIN,
username,
password,
});
减速器:
import {
CHECK_USER_LOGIN_STATUS,
USER_SIGNIN,
USER_SIGNIN_RESULT,
USER_SIGNIN_ERROR,
} from '../actions/user';
const initialState = {
isLoggedIn: false,
isFetching: false,
information: {},
error: null,
};
const reducer = (state = initialState, action) => {
switch (action.type) {
case CHECK_USER_LOGIN_STATUS:
return {
...state,
};
case USER_SIGNIN:
return {
...state,
isFetching: true,
};
case USER_SIGNIN_RESULT:
return {
...state,
isFetching: false,
information: action.result,
};
case USER_SIGNIN_ERROR:
return {
...state,
isFetching: false,
error: action.error,
};
Redux-Saga:
import {
USER_SIGNIN,
USER_SIGNIN_RESULT,
USER_SIGNIN_ERROR,
} from '../actions/user';
function* fetchUserInformation(action) {
try {
console.log('fetchUserInformation action: ', action);
const response = yield call(login, action);
yield put({
type: USER_SIGNIN_RESULT,
result: response.result,
});
} catch (e) {
yield put({
type: USER_SIGNIN_ERROR,
error: e.message,
});
}
}
export default function* rootSaga() {
yield takeEvery(USER_SIGNIN, fetchUserInformation);
}