在reactjs中Post和put复选框到webapi

import React, { useState } from 'react';

function CheckboxForm() {
  const [isChecked, setIsChecked] = useState(false);

  const handleCheckboxChange = (event) => {
    setIsChecked(event.target.checked);
  };

  const handleSubmit = (event) => {
    event.preventDefault();

    // 使用POST或PUT方法将isChecked的值发送到Web API
    // 可以使用fetch或axios等库发送请求
  };

  return (
    <form onSubmit={handleSubmit}>
      <label>
        <input
          type="checkbox"
          checked={isChecked}
          onChange={handleCheckboxChange}
        />
        Checkbox
      </label>
      <button type="submit">Submit</button>
    </form>
  );
}

export default CheckboxForm;

const handleSubmit = (event) => {
  event.preventDefault();

  const data = {
    isChecked: isChecked
  };

  fetch('https://example.com/api/endpoint', {
    method: 'POST', // 或者使用PUT方法
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(data)
  })
    .then(response => response.json())
    .then(result => {
      // 处理请求成功的响应
    })
    .catch(error => {
      // 处理请求失败的情况
    });
};