Javascript 在reactjs中向webapi发布并放置复选框

我正在学习react，在复选框中发现了无法解决的错误。我正在制作一个模式来更新和插入.net核心web api。webapi工作得很好。在应用程序中，我找不到检查值，它总是给我一个错误400。我尝试了几种方法，但我不知道如何使用复选框进行handlechange。我不知道是否有人能帮我。谢谢

桌子

import React，{useState，useffect}来自“React”；
导入'bootstrap/dist/css/bootstrap.min.css'；
从“axios”导入axios；
从“reactstrap”导入{Modal，ModalBody，ModalFooter，ModalHeader}；
从“react alert”导入{useAlert}；
//恒量=（）=>{
函数Asistencia（）{
const alert=useAlert（）；
常量baseUrl=”https://localhost:44335/api/Asistencias";
const[data，setData]=useState（[]）；
常量[modalModificar，setModalModificar]=useState（false）；
const[modalGuardar，setModalGuardar]=useState（false）；
const[modalEliminar，setModalEliminar]=useState（false）；
常量[AsistenceIASSELECIONADO，SetAsistenceIASSELECIONADO]=useState({
idAsistencia:“，
dni:“，
亚洲1：错，
亚洲2：错，
亚洲3：错，
亚洲4：错，
异教徒：''，
帕戈菲查：“，
pagoRealizado:错，
})
常量handleChange=e=>{
常量{name，value}=e.target；
SETASISTENCIASSELECIONADO({
…亚洲自我保护组织，
[名称]：值，
});
console.log（asistenciasselectionado）；
}
常量abrirrarmordalguardar=（）=>{
setModalGuardar（！modalGuardar）；
}
常量ABIRcerramodalModificar=（）=>{
setModalModificar（！modalModificar）；
}
常量abrirrarmorodaleliminar=（）=>{
setModalEliminar（！modalEliminar）；
}
const peticionGet=async（）=>{
等待axios.get（baseUrl）
。然后（响应=>{
setData（response.data）；
}).catch（错误=>{
console.log（错误）；
})
}
const peticionPost=async（）=>{
删除asistenciasselectionado.idAsistencia；
asistenciasselectionado.dni=parseInt（asistenciasselectionado.dni）；
asistenciasselectionado.pagoMensual=parseInt（asistenciasselectionado.pagoMensual）；
等待axios.post（baseUrl，asistenciasselectionado）
。然后（响应=>{
setData（data.concat（response.data））；
abrirrarmordalguardar（）；
}).catch（错误=>{
console.log（错误）；
})
}
常量小输入=异步（）=>{
asistenciasselectionado.dni=parseInt（asistenciasselectionado.dni）；
asistenciasselectionado.pagoMensual=parseInt（asistenciasselectionado.pagoMensual）；
console.log（asistenciasselectionado）；
等待axios.put（baseUrl+“/”+asistenciasselectionado.idAsistencia，asistenciasselectionado）
。然后（响应=>{
var respuesta=response.data；
var dataAuxiliar=数据；
dataAuxiliar.map（Asistencias=>{
if（Asistencias.IDASSISTENCIA==ASISTENCIASSELECIONADO.IDASSISTENCIA）
{
Asistencias.dni=respuesta.dni；
Asistencias.asistencia1=respuesta.asistencia1；
Asistencias.asistencia2=respuesta.asistencia2；
Asistencias.asistencia3=respuesta.asistencia3；
Asistencias.asistencia4=respuesta.asistencia4；
Asistencias.pagoMensual=respuesta.pagoMensual；
Asistencias.pagoFecha=respuesta.pagoFecha；
Asistencias.pagoRealizado=respuesta.pagoRealizado；
}
});
abrirrarmordalmodificar（）；
}).catch（错误=>{
console.log（错误）；
})
}
const peticionDelete=async（）=>{
等待axios.delete（baseUrl+“/”+asistenciasselectionado.idAsistencia）
。然后（响应=>{
setData（data.filter（Asistencias=>Asistencias.idAsistencia！==response.data））；
abrirrarmorodaleliminar（）；
}).catch（错误=>{
console.log（错误）；
})
}
const selectionarasistencias=（Asistencias，caso）=>{
SETASISTENCIASSELECIONADO（Asistencias）；
（caso==“修改”）？
abrrerrarmodalModificar（）：abrrerrarmodaliliminar（）；
}
useffect（（）=>{
小天使（）；
},[])
返回(



ABIRCRERARMODALGUARDAR（）}className=“btn btn success”>Agregar Nueva Asistencia



亚洲身份证
D.N.I。
亚洲1号
亚洲2号
亚洲3号
亚洲四号
蒙托帕加多
菲查德帕戈酒店
帕戈埃弗特卡多酒店
疫苗
{data.map（Asistencias=>(
{Asistencias.idAsistencia}
{Asistencias.dni}
{Asistencias.asistencia1.toString（）}
{Asistencias.asistencia2.toString（）}
{Asistencias.asistencia3.toString（）}
{Asistencias.asistencia4.toString（）}
{Asistencias.pagoMensual}
{Asistencias.pagoFecha}
{Asistencias.pagoRealizado.toString（）}
seleccionalasistencias（Asistencias，“Modificar”）}>Modificar{“}
seleccionalasistencias（Asistencias，“Eliminar”）}>Eliminar
))}
亚细辛缺乏症
D.N.I.：




亚洲1号直径：




直径2的去亚洲：




直径3的去亚洲：




直径4-de-Asistencia：




帕戈·曼苏尔：




菲查德帕戈：




帕戈埃弗塔多：




peticionPost（）}>Agregar{“}
abircerramodalguardar（）}>Cancelar
变化无常
亚洲身份证：




D.N.I.：




亚洲1号直径：




直径2的去亚洲：




<input type="checkbox" name="asistencia1" value="YOUR VALUE HERE" id="asistencia1" className="form-control" onChange={(e) => handleChange(e)}></input>