不正行為が正しく送信されていません

Question

私は還元して、アプリケーションで作業するのは初めてです。私のサインインとサインアップ機能は、いくつかの不正なアクションがディスパッチされ、コードのどの部分がそれをしているのかを特定できないという事実を除いて、ほとんどうまく機能しています。私はいくつかのコードスニペットを投稿しています。

2番目のゴーストLOGIN_FULFILLEDリクエストを見てください。私はまだDBにそのユーザーがいないので、これは発生しません！ Screenshot for the actions and state transitions

ログインアクションクリエイター：

import request from 'axios'; 
import thunk from 'redux-thunk'; 
import store from '../store' 

export function loginFunc(username, password) { 
return { 
type: 'LOGIN', 
username, 
password,  
payload : request 
      .post("http://localhost:5000/users/authenticate", 
       { 
        username : username, 
        password: password 
       } 
      ) 
      .then(function (response) { 
       console.log(response); 
       if (response.data.message === "user_found")      
       store.dispatch({type: 'LOGIN_FULFILLED', payload : response.data.results}); 
       else 
       store.dispatch({type: 'LOGIN_REJECTED', payload : "user_not_found"}); 
      }) 
      .catch(function (error) { 
       console.log(error); 
       store.dispatch({type: 'LOGIN_REJECTED', payload : error}); 
      }) 
    } 
} 

Answer 1

Reduxのサンクミドルウェアは、関数の代わりに、アクションを（official guideで書かれたもの）を返すアクションクリエイターを書くことができます。

サンクを使用するには、いくつかの変更を加える必要があります。 storeをインポートしてgetStateとdispatchを使用する場合、引数〜callbackのように入力する必要はありません。このdispatch

return function(dispatch, getState) 

、getStateはstore.dispatchとstore.getStateと同じです。

import request from 'axios'; 
 

 
export function loginFunc(username, password) { 
 
    return function(dispatch) { 
 
    request 
 
     .post("http://localhost:5000/users/authenticate", { 
 
     username: username, 
 
     password: password 
 
     }) 
 
     .then(function(response) { 
 
     console.log(response); 
 
     if (response.data.message === "user_found") 
 
      dispatch({ 
 
      type: 'LOGIN_FULFILLED', 
 
      payload: response.data.results 
 
      }); 
 
     else 
 
      dispatch({ 
 
      type: 'LOGIN_REJECTED', 
 
      payload: "user_not_found" 
 
      }); 
 
     }) 
 
     .catch(function(error) { 
 
     console.log(error); 
 
     dispatch({ 
 
      type: 'LOGIN_REJECTED', 
 
      payload: error 
 
     }); 
 
     }) 
 
    } 
 
}