减速机不是 function。 反应原生 Redux

Question

我正在尝试将减速器添加到我的反应原生应用程序中。 这是存储常量：

export const USER_PROFILE = 'USER_PROFILE';

这是action.js

import {USER_PROFILE} from '../constants/index';

export function userProfile(userReducer) {
  return {
    type: USER_PROFILE,
    payload: {
      email: '',
    },
  };
}

这是导致错误的 userReducer。 我不断收到 customerReducer is not a function 的错误。

import {USER_PROFILE} from '../constants/index';

const initialState = {
  userProfile: '',
};

const customerReducer = (state = initialState, action) => {
  switch (action.type) {
    case USER_PROFILE:
      return {
        ...state,
        userProfile: action.payload,
      };
    default:
      return state;
  }
};

export default customerReducer;

我已将 email 声明为 state... const [email, setEmail] useState('')

在这里调用减速器。 const customerReducer = useSelector(state => state.userProfile); 现在使用 useDispatch 方法调度它。

const dispatch = useDispatch();
...
dispatch(customerReducer(email));

Answer 1

你的 action.js 应该看起来像这样：

import {USER_PROFILE} from '../constants/index';

export function userProfile(userReducer) {
  return {
    type: USER_PROFILE,
    payload: {
      email: userReducer.email,
    },
  };

当你调度你应该使用动作“userProfile”而不是reducer“customerReducer”。 你的调度应该是这样的：

dispatch(userProfile({email}));

确保使用大括号。 因为您应该传递 object 而不是字符串。