Chrome Devツールのデバッグ方法

Question

以下は、私がデバッグしているReduxコードのスニペットです。私の質問は、Chrome Dev Toolsでのデバッグについてです。

問題は、コールバック.then(({ data }) => dispatch({にブレークポイント（bp）を設定することです。私はこの行にbpを設定することができますが、矢印関数のディスパッチのためにこの関数内でuser: data.results[0],にbpを設定することはできません。

私は私が何とか約束チェーンにデバッグできdataまたはdata.results[0]
を検査することができるようにBPを設定するために何ができますか？

export const login = (username, password) => (dispatch) => { 
    return dispatch({ 
    type: LOGIN, 
    payload: { 
     username, 
     password, 
    } 
    }) 
    .then(({ data }) => dispatch({ 
    type: LOGIN_SUCCESS, 
    payload: { 
     user: data.results[0], 
    }, 
    })) 
    .catch((error) => { 
    dispatch({ 
     type: LOGIN_FAIL, 
     payload: { 
     error: error.message, 
     }, 
    }); 
    }); 
}; 

Answer 1

あなたは

debugger; 

を試してみましたか？

それは

Answer 2

は、下記のテキストを.then機能を置き換え）=ブレークポイントのと同じだが、デバッグ後に削除することを忘れないでください：今、あなたはデバッグができるはずです

.then(function({ data }) { 
    dispatch({ 
     type: LOGIN_SUCCESS, 
     payload: { 
      user: data.results[0], 
     }, 
     }) 
    }) 

を。

あなたはより多くの理解のためにJavaScript promise resolving with setTimeoutを参照することができます=>および機能（）{}