Este es uno de valor en Django api.
{ "id": 89, "text": "dd", "checked": false }, { "id": 90, "text": "dd", "checked": false },Quiero actualizar el valor "marcado" como verdadero/falso para solicitar con reaccionar axios.
Como un botón de alternancia de verificación.
const [check, setCheck] = useState(false); return ( <> <button onClick = { () => setCheck(!check) }>X</button> <div className = {`todo ${check && 'checked'}`}>{ text</div> </> );Debería llamar a una API al alternar la casilla de verificación (los datos enviados al servidor y la estructura pueden variar ya que no se proporciona un código exacto)
La función de alternar se llama al hacer clic en cada casilla de verificación, desde el evento podemos obtener el valor y su estado actual de marcado
pon tu API y los datos para enviar correctamente (supuse por los datos que pusiste)
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> ); }