возникли трудности при отладке некоторых функций, где автор в основном выполнял запрос axios

#javascript #reactjs

#javascript #reactjs

Вопрос:

Я читаю кодовую базу, где я вижу этот способ написания кода. У меня возникли трудности с введением журналов консоли.

Я хотел бы создать консольный журнал для всего отправляемого URL, а также ответа и ошибки.

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

У меня возникли трудности при отладке этого фрагмента написанного кода. Может ли кто-нибудь, пожалуйста, помочь мне в этом отношении?

Ответ №1:

Попробуйте ниже. Проблема в том, что {} функции опущены, поскольку она выполняет одну строку, что затрудняет ввод новых строк без их предварительного добавления.

  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 amp;amp; resp.data ? resp.data : null));
   }
  

отредактируйте ответ, замените .затем с
.then(resp => {console.log(resp); (resp amp;amp; resp.data ? resp.data : null)});

В основном вы работаете с функциями со стрелкамиhttps://www.sitepoint.com/es6-arrow-functions-new-fat-concise-syntax-javascript /

Комментарии:

1. Да. Это помогло. Также хотелось бы отладить ответ . Должен ли я сделать что-то подобное.

2. Да. Отредактированный ответ с примером