带axios的mern api路由
我们正在使用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
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})
})
}
让我知道还有什么。快乐编码