Estoy tratando de configurar Django Rest Framework con React con el objetivo final de enviar una solicitud POST a través de un envío de formulario.

Como prueba de dónde están las cosas, esta solicitud POST se ejecuta cuando se hace clic en el botón.

 const App = () => { const [postData, setPostData] = useState('Click to post'); const postRequest = (payload) => { fetch('http://127.0.0.1:8000/api/task-create/', {method:'POST', headers:{'content-type':'application/json', 'X-CSRFToken':getCookie('csrftoken') }, body:JSON.stringify(payload) }) .then( response => {setPostData('post request succsesful')}) }; return( <button onClick={postRequest({title:'first post'})}>{postData}</button> ); };

Ahora, dado lo anterior, me gustaría usar un formulario para que el contenido se pueda enviar dinámicamente desde el navegador a la API de DRF.

 function App() { const [fields, setFields] = useState({}); const handleFieldChange = (event) => { setFields({...fields, element: event.target.value}); } const handleSubmit = (event) => { event.preventDefault(); }; return( <form onSubmit={handleSubmit}> <input onChange={handleFieldChange} value={fields.element} /> <input type='submit' value='submit'/> </form> ) }

¿Debo agregar la función postRequest para handleFieldChange, handSubmit o en otro lugar?