Java 过帐开关输入布尔值（React/Typescript）

我试图发布switch input toggle控件的状态值，但是当我使用按钮发送post请求函数

submitRecomation（）

时，我得到了一个

JSON解析错误：无法反序列化'boolean'out START_对象令牌的实例；嵌套异常

错误

我做错了什么？有没有一种方法可以让这个函数有多个切换控件，而无需重复代码

interface IState {
      mentorInfoComplete?: boolean;
      hasChanged?: boolean;
    }
class Component extends React.Component<Props, State> {
  public state: State = {
    mentorInfoComplete: false
  }


  public render() {
    const {} = this.props;
    const { mentorInfoComplete } = this.state;
    const {} = this;

  <div className={classes.switchContainer}>
                    <FormGroup row>
                        <FormControlLabel
                          control={
                            <Switch
                              checked={mentorInfoComplete}
                              onChange={this.handleChange}
                              value={mentorInfoComplete}
                            >Toggle</Switch>
                            }label="YES"
                            />
                      <Typography color="secondary" variant="body1" className={classes.toggleQuestions}>Is this question complete</Typography>
                    </FormGroup>
                  </div>

            <Button
              color="primary"
              className="reviewApplication-back"
              variant="contained"
              type="submit"
              onClick={this.submitRecommendation}>
              Recommend Approval
            </Button>

  private handleChange() {
     this.setState({
      mentorInfoComplete: true
   });
   console.log(this.state);
  }

private async submitRecommendation() {
  const { 
    application,
    mentorInfoComplete
   } = this.state;

    if (!application) {
        return;
      }

      try {
        await axios.post(
          `/mentorApplication/${match.params.applicationId}/checklist`,
          {
            mentorInfoComplete: { mentorInfoComplete }
                  }
            );
    }
    }

interface-IState{
是否完成？：布尔值；
hasChanged？：布尔值；
}
类组件扩展了React.Component{
公共状态：状态={
信息完整：false
}
公共渲染（）{
const{}=this.props；
const{mentorInfoComplete}=this.state；
常数{}=这个；
这个问题完整吗
推荐批准
私人手牌更改（）{
这是我的国家({
信息完整：正确
});
console.log（this.state）；
}
私有异步提交推荐（）{
常数{
应用
导师信息完成
}=本州；
如果（！应用程序）{
返回；
}
试一试{
等待axios.post(
`/指导应用程序/${match.params.applicationId}/checklist`，
{
导师信息完成：{导师信息完成}
}
);
}
}

在不了解API的情况下，我猜这是一句令人不快的话：

mentortinfocomplete:{mentortinfocomplete}

你基本上做到了

mentinfocomplete:{true}

当我猜你想要什么的时候

mentorInfoComplete:true

---

试着去掉多余的括号，看看这是否有帮助？

在不知道API的情况下，我猜这是一条令人不快的线：

mentortinfocomplete:{mentortinfocomplete}

你基本上做到了

mentinfocomplete:{true}

当我猜你想要什么的时候

mentorInfoComplete:true

试着去掉多余的括号，看看是否有帮助