Usereducer 使用 Disptach 错误:钩子调用无效 Hooks 只能在函数组件内部调用

问题描述

我刚开始反应,我想通过 useReducers 钩子验证我的应用程序的状态,但我收到错误:无效的钩子调用。 Hooks 只能在函数组件内部调用
在此处输入代码

const initialState  = {
    users: null,token: null,Failed: false,isAdmin: false,loading: false,userGroups: null,createdUserPass: null,error: null,};
   const Login = ({ username,password }) => {
    const [state,dispatch] = useReducer(reducer,initialState);
    const {
        loading,error} = state;
        useEffect(() => {
            dispatch({ type: ACTIONS.LOGIN_START });
            const getUsers = async () => {
                let response = await post({
                    url: 'authentication/user',data: {
                        username,password
                    }
                });
                if (response.status === 200) {
                    dispatch({ type: ACTIONS.SUCCESS,data: response.data });
                    return;
                }
                dispatch({ type: ACTIONS.ERROR,error: response.error });
            };
  

    
            getUsers();

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)