使用react-apollo+graphql实现Mutation操作

声明: 转载请注明出处

1. 具体细节可参考我博客的另一篇文章

2.mutation的graphql语句定义

const recNewJobSql = gql `
mutation addJobsV1(
  $jobTitle:String!,$jobDepart:String!,
  $jobNum:String!,$jobFit:Int!,
 ){
  addJobsV1(
    jobNum:$jobNum,
    jobTitle:$jobTitle,
     ){
    id:_id,
    jobTitle,
    jobNum,
     }
}
`;

3. 修改操作

const newJobOperation = graphql(recNewJobSql, {
    props: ({ mutate }) => ({   //mutate为自带参数
      addJob: factor => mutate({  //自定义addJob并接受从视图页传来的factor,在视图也可直接使用this.props.addJob(args)来调用该方法
        variables: factor,  //修改参数
      }),
    }),
  })(view);

注: 如果一个页面中有多个查询，修改操作，可使用compose进行结合