Question

我们正在使用mern制作一个应用，该应用将使用您搜索的葡萄酒填充页面。但是我无法使我的api路由正常工作。

    loadWines = () => {
      Axios.get("https://services.wine.com/?t=" + wineName + "&y=&apikey=05bd3e5306d43d741a06a939c5ea3dd27eaad377" + this.state.value)
      .then(res=>res.json())
      .then(json => {
        this.setState({
          value: '',
          isLoaded:true,
          Wines:json,
        })
      });
    }

    handleChange(event) {
      this.setState ({value: event.target.value});
    }
      handleSubmit(event) {
        event.preventDefault();

        Axios.get("https://services.wine.com/?t=" + wineName + "&y=&apikey=05bd3e5306d43d741a06a939c5ea3dd27eaad377" + this.state.value)
        .then(res=>res.json())
        .then(json => {
          this.setState({
            value: '',
            isLoaded:true,
            Wines:json,
          })
        });
        console.log(this.state.value)
      }

Answer 1

实际上我认为axios确实返回json数据，无需转换为JSON，

fetch方法确实返回了承诺，那么我们绝对需要将其转换为res.json()

尝试一下：

import axios from 'axios';

function(){
  axios.get(url).then(res=>{
    this.setState({data: res})
  })
}

让我知道还有更多。编码愉快

Axios的Api路线

1 个答案: