Ce face hook-ul useMutation
Spre deosebire de useQuery (care se execută automat la montarea componentei), useMutation() returnează o funcție declanșatoare ce poate fi apelată manual în handler-ul unui buton sau la trimiterea unui formular.
Trimiterea unei mutații la click
import { useMutation, gql } from '@apollo/client';
const ADD_TODO = gql`
mutation AddTodo($text: String!) {
addTodo(text: $text) {
id
text
}
}
`;
function NewTodo() {
const [addTodo, { loading }] = useMutation(ADD_TODO);
const handleSubmit = async () => {
await addTodo({ variables: { text: 'Învață GraphQL pe Dexblog' } });
};
return <button onClick={handleSubmit} disabled={loading}>Adaugă</button>;
}
Întrebări & Exemple de Cod:
Hook-ul useMutation() în Clienții GraphQLAi o nelămurire despre utilizarea comenzii
Hook-ul useMutation() în Clienții GraphQLsau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.