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)