Saltar al contenido

Graphql apollo useMutation ejemplo de código

Este equipo especializado despúes de varios días de investigación y de recopilar de información, encontramos la solución, queremos que resulte de gran utilidad para tu proyecto.

Ejemplo 1: usemutation apollo

import  gql, useMutation  from '@apollo/client';const ADD_TODO = gql`
  mutation AddTodo($type: String!)addTodo(type: $type)
      id
      type
    
`;


function AddTodo()
  let input;const[addTodo, data ]=useMutation(ADD_TODO);return(<div><form
        onSubmit=e =>
          e.preventDefault();addTodo( variables: type: input.value );
          input.value ='';><input
          ref=node =>
            input = node;/><button type="submit">Add Todo</button></form></div>);

Ejemplo 2: gancho de mutación apollo graphql

const UPDATE_TODO = gql`
  mutation UpdateTodo($id: String!, $type: String!)updateTodo(id: $id, type: $type)
      id
      type
    
`;

function Todos()const loading, error, data =useQuery(GET_TODOS);const[updateTodo]=useMutation(UPDATE_TODO);if(loading)return<p>Loading...</p>;if(error)return<p>Error :(</p>;return data.todos.map(( id, type )=>
    let input;return(<div key=id><p>type</p><form
          onSubmit=e =>
            e.preventDefault();updateTodo( variables: id, type: input.value );
            input.value ='';><input
            ref=node =>
              input = node;/><button type="submit">Update Todo</button></form></div>););

Al final de todo puedes encontrar las observaciones de otros sys admins, tú igualmente tienes la habilidad dejar el tuyo si lo crees conveniente.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *