axios 안에서 dispatch가 안되는 오류

오늘도 열심히 맡고있는 웹개발을 하다가 axios 안에서 dispatch가 실행되지 않는 오류와 맞서 싸웠다..

 

 

위와같이 axios를 활용해서 post를 보내려 했는데 자꾸 오류가 떳다.

 

알고보니 useDispatch()훅은 함수 내에서 사용할 수 없다고 한다.

 

외부에서 dispatch를 선언한 후에 가져오는 방법으로 해결할 수 있다!!!

 

export async function getUserinfoApi(
  url: string,
  token: string,
  dispatch: any
) {
  try {
    await axios({
      method: "post",
      url,
      headers: {
        'Accept': "application/json", //prettier-ignore
        'Content-Type': "application/json", //prettier-ignore
        Authorization: token,
      },
    }).then((response) => {
      dispatch(get_userinfo(response.data));
    });
  } catch (e) {
    console.log("get logintoken error!!");
  }
}

근데 나는 그냥 외부에서 dispatch를 넣어주면서 작성했다. (파일이 api파일이라서 그 외에 선언 안하고 싶었다.... ) 

 

사실 옳은 방법인지는 잘 모르겠다.