带axios的mern api路由

带axios的mern api路由,api,mern,Api,Mern,我们正在使用mern制作一个应用程序,该应用程序将在页面中填充您搜索的葡萄酒。但是我不能让我的api路线工作 loadWines = () => { Axios.get("https://services.wine.com/?t=" + wineName + "&y=&apikey=05bd3e5306d43d741a06a939c5ea3dd27eaad377" + this.state.value) .then(res=>res.j

我们正在使用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)
      }

实际上我认为axios会返回json数据,不需要转换成json

fetch方法确实返回promise,那么我们肯定需要将其转换为
res.json()

试试这个:

import axios from 'axios';

function(){
  axios.get(url).then(res=>{
    this.setState({data: res})
  })
}
让我知道还有什么。快乐编码