Entonces, estoy tratando de llamar a una mutación de graphql con el gancho useMutation y se supone que debe almacenar un nuevo registro con una referencia de objectId a otra colección en mi mongodb.
const handleSubmit = async (e) => { e.preventDefault(); const ticket = { ticketOwner: "60bd776e3e088a27ecae9dbb", venue: "Chase Center" }; console.log(ticket); try { await createTicket({variables: {ticket}}); } catch (e) { console.log(e); } handleClose(); }la mutación es este fragmento a continuación y lo probé en el patio de recreo para verificar que el código del lado del servidor esté configurado y funcionando correctamente.
export const CREATE_TICKET = gql` mutation ($ticketOwner: ID!, $venue: String!) { createTicket(ticketOwner: $ticketOwner, venue: $venue) { _id venue}}`; Cada vez que ejecuto handlesubmit (controlador de eventos de botón) con mi interfaz de reacción, sigo recibiendo un 400 http://localhost:3000/graphql 400 (Bad Request) , así que pensé que podría tener que ver con la forma en que estoy pasando la referencia de identificación para la colección a la que se hace referencia. ¿Alguien tiene un mejor enfoque sobre cómo debe manejarse desde el frente? (Soy consciente de que está codificado por ahora con fines de prueba).
Verifique la pestaña de red para ver el contenido del error. También vea si tiene una barra diagonal en el parámetro URI createHttpLink de Apollo Client.
debería ser así
const httpLink = createHttpLink({ uri: "http://localhost:5000/graphql", }); Por último, es posible que necesite cors en el backend, pero primero verifique la pestaña de red para ver qué obtiene del servidor