Javascript 使用axios的react post请求工作不正常

我几乎没有数据，现在我想在react中使用axios post将其保存在数据库中

我有两个字段，但在两个字段中都有相同的数据，不知道这里出了什么问题

我的代码：

状态={
名称：“”，
地点：''，
};
handleChange=事件=>{
this.setState（{saloname:event.target.value}）；
this.setState（{locationCity:event.target.value}）；
};
handleSubmit=事件=>{
event.preventDefault（）；
常数数据={
salonName:this.state.salonName，
地点城市：this.state.locationCity，
};
axios({
方法：“张贴”，
url:“http://localhost:4200/addsalon",
标题：{}，
数据：{
salonName:salonData.salonName，
locationCity:salonData.locationCity，
},
});
}
render（）{
返回(

句柄更改中的问题。如果有人更改，您可以使用相同的更新

 handleChange = event => {
        if(event.target.name ===='salonName'){
        this.setState({ salonName: event.target.value });
        }else if(event.target.name ===='locationCity'){
        this.setState({ locationCity: event.target.value });
        }
};

---

您将

salonam

和

locationCity

都设置为输入事件目标值，因此它们都是相同的。一种解决方案是

this.setState（{[event.target.name]：event.target.value}）；

而不是这两行。将来，您应该可以放心地使用

console.log（）调试代码

跟踪变量的设置位置。非常感谢@Andy Ray这是单行解决问题的最佳方法。。。