Utilisation d'Apollo + Vue: quels paramètres sont donnés au rappel "update"?

Question

Ceci est une question de syntaxe liée à Javascript. Je suis avec ce tutoriel GraphQL: https://www.howtographql.com/vue-apollo/4-routing/

Le présent apollo.mutate de $ a un rappel dans ce paramètre appelé « mise à jour » qui prend une « données » comme suit:.

update: (store, { data: { createLink } }) => { 
    const data = store.readQuery({ 
     query: ALL_LINKS_QUERY 
    }) 
    data.allLinks.push(createLink) 
    store.writeQuery({ query: ALL_LINKS_QUERY, data }) 
} 

Qu'est-ce que est "{data: {createLink}}"? Est-ce un objet? Alors que le paramètre "createLink" est défini dans le corps de la fonction de flèche, "data" ne l'est pas. Question stupide, mais je n'ai aucune idée de ce que cela s'appelle même pour pouvoir le rechercher (débutant JS). Cela ressemble à la déstructuration ES6, mais je ne trouve pas d'exemple similaire.

Answer 1

Ceci est une déstructuration d'objet. Il va créer une nouvelle variable nommée createLink. Il est dans le code ES5 est:

update: (store, params2) { 
    const createLink = params2.data.createLink 
    ... 
} 

Vous pouvez en lire davantage dans https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Nested_object_and_array_destructuring