Tengo un problema con React. cuando obtengo datos llamando a una API, los datos regresan perfectamente bien, se cargan y se muestran en una tabla. Por otro lado, cuando traté de agregar datos a la base de datos usando la interfaz de usuario, funciona, la solicitud devuelve 200 y los datos están en la base de datos, pero después de que todo termina en el extremo de React, la pantalla se vuelve blanca. La ruta adecuada sigue apareciendo en el navegador, pero la pantalla de esa ruta se queda en blanco después de lo que solo parecen ser acciones POST. Aquí está mi código.

código de componente para agregar un evento a la base de datos

 const AddEventModal = (props: any) => { const dispatch = useDispatch(); const onSubmit = (event: any) => { event.preventDefault(); let eventData: Event = { eventName: event.target[1].value, location: event.target[2].value, eventDate: event.target[3].value, startTime: event.target[4].value, endTime: event.target[5].value, }; dispatch(addingEventToDb); dispatch(addEventAsyncToDB(eventData)); props.toggleShow = false; }; return ( <MDBModal show={props.basicModal} setShow={props.setBasicModal} tabIndex="-1" > ......tsx code </MDBModal> ); };

Así es como se ve el Thunk.

 export const addEventAsyncToDB = (event:Event) => { return (dispatch:any) => { return addEvent(event).then(res => { dispatch(addedEventToDBAction(res?.data)); }) } }

Y aquí está el código AJAX real que se está llamando

 export const addEvent = async (event: Event) => { try{ const res = await axios.post(`${baseURI}/Events`, event); return res; } catch(e){ console.log(e); } }