Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在reactjs中发布多个值的axios复选框?_Javascript_Reactjs - Fatal编程技术网

Javascript 如何在reactjs中发布多个值的axios复选框?

Javascript 如何在reactjs中发布多个值的axios复选框?,javascript,reactjs,Javascript,Reactjs,我试图在react js中发布axios,但是在复选框中只发布了一个值。我如何才能获得所有复选框的值 我的代码:- 状态={ 名称:“”, 设施:'', } handleChange=事件=>{ 如果('checked'在event.target中){ this.setState({[event.target.name]:event.target.checked}); } if(事件目标中的“值”){ this.setState({[event.target.name]:event.targe

我试图在react js中发布axios,但是在复选框中只发布了一个值。我如何才能获得所有复选框的值

我的代码:-

状态={
名称:“”,
设施:'',
}
handleChange=事件=>{
如果('checked'在event.target中){
this.setState({[event.target.name]:event.target.checked});
}
if(事件目标中的“值”){
this.setState({[event.target.name]:event.target.value});
}
};
handleSubmit=事件=>{
event.preventDefault();
常数数据={
salonName:this.state.salonName,
设施:这个州的设施,
};
axios({
方法:“张贴”,
url:“http://localhost:4200/addsalon",
标题:{},
数据:{
salonName:salonData.salonName,
设施:salonData.facilities,
},
});
}
render(){
返回(
沙龙名称
设施
自动控制
温泉
消毒
代客泊车

假设您已检查状态对象是否正确,如何发布数据?让我在此处添加完整代码问题在于您的
名称
属性。每当您更改复选框中的值时,您都会覆盖状态中的
设施
键。要获取所有复选框值,您需要传递唯一的nam属性设置为输入。@Jayce444我在这里添加了完整的代码……如果要保留对象文字中所有复选框的状态,则需要为每个复选框使用不同的名称。否则,可以使用数组来保存状态