Axios получает данные из API - React.js

Question

Я использую axios для получения данных из API, я пытаюсь сделать что-то очень простое, и я делал это раньше.Я вижу на консоли, что мой запрос выполнен, но я не могу вывести данные или сообщение console.log ().

componentDidMount() {
    axios.get("https://dog-api.kinduff.com/api/facts")
    .then( response => {
        console.log("Facts: ")
        this.setState({DogFact:response.data})
    })
    .catch( err => {
        this.setState({error:err.data.message})
    })
}

Ответ от API - это объект с массивом.

{facts["fact written here"]}

Это должно быть очень просто, но если я попробую это:

axios.get("https://dog-api.kinduff.com/api/facts")
.then( response => {
    console.log("Facts: ", response) //This wont show up on the console
    this.setState({DogFact:response.facts[0]}) //This wont work.
})

Я действительно не понимаю, что может быть не так.Может ли кто-нибудь помочь мне?

Answer 1

добавьте эту строку в package.json

"proxy": "https://dog-api.kinduff.com/api/"

, затем в вашем вызове axios измените ее на:

axios.get("/facts")
.then( response => {
    console.log("Facts: ", response) 
    this.setState({DogFact:response.facts[0]})
});