首页 > 解决方案 > 使用带有 React 和 Axios 的复选框的错误请求

问题描述

我在使用 axios 发布表单数据时遇到问题(错误请求 400)。我发现只有在复选框字段被标记时才会发生错误。如果我不使用复选框,则表单帖子很好。任何想法如何解决这一问题?

这是字段代码:

<Form.Check className="campo-6" type="checkbox" label="Seg" name="AulaSegunda" onChange={onChange}/>

oneChange 方法:

function onChange(ev) {
    const { name, value } = ev.target;
    setValues({...values, [name]: value});
  }

axios post及配置方法:

let axiosConfig = {
    headers: {          
      'Accept': 'application/json',
      'Content-Type': 'application/json'       
    }
  };

async function CadastrarAluno(JsonData){
  console.log(JsonData);
  await axios.post('https://localhost:52446/api/Alunos',JsonData,axiosConfig) 
  console.log(JsonData);
}

发布后的网络控制台选项卡, 网络面板截图

标签: reactjspostaxiosbad-request

解决方案


推荐阅读