Korrekte Möglichkeit, Mutate() von ApolloClient zu React Component zu verschieben?

Question

Per Apollo Docs, ich möchte die mutate() Funktion von ApolloClient in die Requisiten, die zu meiner Reaktion Komponente gehören. Ist das der richtige/bevorzugte Weg?

class myComponent extends React.Component { 
    constructor(props) { 
     super(props); 
     this.mutate = props.client.mutate(); 
    }; 
} 

Answer 1

Wenn Sie eine Mutation des apollo-Client verwenden, um dynamisch zu rufen, als Sie es wie so verwenden könnte:

import { withApollo } from 'react-apollo'; 
 

 
class myComponent extends React.Component { 
 
    constructor(props) { 
 
    super(props); 
 
    this.mutate = props.client.mutate; 
 
    } 
 

 
    onClick =() => { 
 
    this.mutate({ 
 
     mutation: gql `${<define your graphql mutation>}`, 
 
     variables: { ... }, 
 
    }).then(...); 
 
    } 
 
    
 
    ... 
 
} 
 

 
export default withApollo(MyComponent);

Ich schlage vor, Sie

Else Ihre Mutation mit statisch definieren graphql und rufen Sie einfach die Mutation:

class MyComponent extends React.Component { 
 
    onClick =() => { 
 
    this.props.mutate({ variables: { ... } }).then(....); 
 
    } 
 

 
    ... 
 

 
} 
 

 
const yourGraphqlMutation = gql `${<define your graphql mutation>}`; 
 

 
export default graphql(yourGraphqlMutation)(MyComponent);