时间戳

首页 > 解决方案 > 作者主要做axios请求的一些功能调试困难

javascript - 作者主要做axios请求的一些功能调试困难

问题描述

我正在阅读一个代码库，在那里我看到了这种编写代码的方式。我在引入控制台日志时遇到了困难。

我想为正在发送的整个 URL 以及响应和错误做一个控制台日志。

 const fetchSportsFanDetails = (sportsFanId, authToken) =>
  axios
    .get(`${API.BASE_URL}SportsFans/${sportsFanId}/profile`, {
      headers: {
        ...getAuthHeaderWithContentType(authToken, "JSON")
      }
    })
    .then(resp => (resp && resp.data ? resp.data : null));

我在调试这段书面代码时遇到了困难。有人可以在这方面帮助我吗？

标签： javascriptreactjs

解决方案

试试下面。问题是函数的 {} 被省略了，因为它只做一行，这使得如果不先添加新行就很难引入新行。

 const fetchSportsFanDetails = (sportsFanId, authToken) => {
    let url = `${API.BASE_URL}SportsFans/${sportsFanId}/profile`;
    console.log(`url: ${url}`)
    axios
    .get(url, {
      headers: {
        ...getAuthHeaderWithContentType(authToken, "JSON")
      }
    })
    .then(resp => (resp && resp.data ? resp.data : null));
   }

编辑响应，将 .then 替换为 .then(resp => {console.log(resp); (resp && resp.data ? resp.data : null)});

基本上你正在使用箭头函数https://www.sitepoint.com/es6-arrow-functions-new-fat-concise-syntax-javascript/

推荐阅读