您的位置:首页 > Web前端 > React

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

2017-08-22 15:46 573 查看
声明: 转载请注明出处

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进行结合

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  apollo graphql 前端