Axios 未定义

Question

我有 React 组件 FetchQoute，它应该从提供的 URL 获得响应，但它却显示 undefined？

class FetchQuote extends Component {
  constructor(props) {
    super(props);    
    this.state = {
      jokes: []
    };    
  }

  componentDidMount() {
    console.log(res.value); //undefined
    axios.get('https://api.icndb.com/jokes/random')
      .then((res) => {       
        this.setState({data:res.value.joke});//error TypeError: Cannot read property 'joke' of undefined
      })

  }

}

URL 可以在浏览器中轻松测试 return JSON 数据是否正确，包括 res.value.joke

Answer 1

浏览器中的 JSON 响应是什么样的？ axios returns data属性下的响应数据。

例如，如果您的 JSON 回复如下：

{ "value": 
    { "joke": "lol"} 
}

然后你会像

一样访问它

axios.get('https://api.icndb.com/jokes/random')
      .then((response) => {       
        console.log(response.data.value.joke);
      })

Axios 未定义

Axios gets undefined

reactjs

axios