Как исправить ошибки «Ошибка типа» в React JS

Question

Моя проблема в том, что я получаю ошибку типа всякий раз, когда пытаюсь указать параметры для этого API https://scryfall.com/docs/api/cards/collection

Я попробовал отладку, но не могу получить ответ.

https://codesandbox.io/s/r5515135zo

axios({
      api: "https://api.scryfall.com/cards/collection",
      method: "post",
      identifiers: [{ name: "banefire" }, { set: "m19" }]
    })
      .then(function(response) {
        // your action after success
        console.log(response);
      })
      .catch(function(error) {
        // your action on error success
        console.log(error);
      });
  };

Попытка получить ответ без ошибки в консоли.

Answer 1

В соответствии с документами axios , почтовый запрос JSON выполняется следующим образом:

axios.post({ /* JSON data */ })

Таким образом, вы должны заменить код, который вы включили, следующим:

axios.post('https://api.scryfall.com/cards/collection', {
    identifiers: [{
      name: "banefire"
    }, {
      set: "m19"
    }]
  })
  .then(console.log)
  .catch(console.log);

Или, если вы хотите сохранить ответ API в глобальной переменной - скажем, myGlobalVar будет супер оригинальным:

const myGlobalVar = null;

axios.post('https://api.scryfall.com/cards/collection', {
  identifiers: [{ name: "banefire" }, { set: "m19" }]
})
.then(responseData => myGlobalVar = responseData)

---

Обратите внимание, что в своем ответе вы включили identifiers в качестве параметра axios, а не часть данных, которые вы передадите в API.