Я хочу обновить значение в запросе с помощью React axios из Django

Это одно из значений в Django api.

{
        "id": 89,
        "text": "dd",
         "checked": false
},
{
        "id": 90,
        "text": "dd",
        "checked": false
},

Я хочу обновить значение "checked" как true/false для запроса с помощью react axios.

Как кнопка переключения галочки.

const [check, setCheck] = useState(false);

return (
        <>
            <button onClick = { () => setCheck(!check) }>X</button>
            <div className = {`todo ${check && 'checked'}`}>{ text</div>
        </>
);

Вы должны вызвать API на переключение флажка (данные, отправленные на сервер, и структура могут отличаться, так как точный код не предоставлен)

  • функция toggle вызывается при нажатии на каждый флажок, из события мы можем получить значение и его текущее состояние checked

    .

  • вводим свой API и данные для отправки правильно (я предположил по данным, которые вы ввели) 

import "./styles.css";
import axios from "axios";

export default function App() {
  function toggle(e) {
    axios
      .post("/put-your-api-here", {
        id: e.target.value,
        text: e.target.value,
        checked: e.target.checked
      })
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);
      });
  }
  return (
    <div className="App">
      {[1, 2, 3, 4, 5, 6, 7, 8].map((el) => (
        <>
          <input type="checkbox" onClick={toggle} value={el}></input>
          {el}
          {"  "}
        </>
      ))}
    </div>
  );
}

Вернуться на верх