react-apollo的动态变异文档 [英] Dynamic mutation document for react-apollo
问题描述
我需要动态更改我的变更文档,以便能够在单个变更中创建多个项目.所以我有这个函数 createOrderName
它接受一个整数并且能够创建正确的变异文档.例如.createOrderName(2)
获取
I need to change my mutation document dynamically to be able to create multiple items in a single mutation. So I have this function createOrderName
that takes an integer and be able to create the correct mutation document. Eg. createOrderName(2)
gets
mutation createOrderMut($input0: AddToOrderMenuItemConnectionInput!, $input1: AddToOrderMenuItemConnectionInput!) {
input0: addToOrderMenuItemConnection (input:$input0) {
changedOrderMenuItem {
id
}
}
input1: addToOrderMenuItemConnection (input:$input1) {
changedOrderMenuItem {
id
}
}
}
我的容器如下.
const CartContainer = compose(
graphql(createOrderName(2), {
props: ({ mutate }) => ({
addToOrderMenuItem: (menus, orderId) => mutate({
variables: createOrdersInput(menus, orderId)
})
})
})
)(CartView)
现在如何将整数值传递给此变更以使其创建正确的变更文档?目前它已修复为 2,但我需要它更灵活,以便我可以创建任意数量的项目...
Now how can I pass an integer value to this mutation in order for it to create the correct mutation document? Currently it's fix to 2, but I need it to be more flexible so I can create any number of items...
推荐答案
这听起来像是您正在使用的后端的一个不幸限制.进行批量突变的正确方法是在服务器上有一个单一的突变字段,该字段接受包含您要插入的所有项目的列表参数.因此,Apollo 并非旨在通过标准的 react-apollo
API 支持此类动态查询生成.那是因为我们坚信使用静态查询比在运行时生成字段要好得多:https://dev-blog.apollodata.com/5-benefits-of-static-graphql-queries-b7fa90b0b69a#.hp710vxe7
This sounds like an unfortunate limitation of the backend you're working with. The right way to do a batch mutation would be to have a single mutation field on the server that accepts a list argument with all of the items you want to insert. Thus, Apollo isn't designed to support such dynamic query generation with the standard react-apollo
API. That's because we strongly believe that working with static queries is much better than generating fields at runtime: https://dev-blog.apollodata.com/5-benefits-of-static-graphql-queries-b7fa90b0b69a#.hp710vxe7
不过,鉴于这种情况,听起来动态生成突变字符串是一个不错的选择.您可以通过直接使用 Apollo 而不是通过 graphql
HoC 来完成此操作.您可以使用 withApollo
HoC 来执行此操作:http://dev.apollodata.com/react/higher-order-components.html#withApollo
Given the situation, though, sounds like generation the mutation string dynamically is a good option. You can do this by using Apollo directly instead of through the graphql
HoC. You can use the withApollo
HoC to do this: http://dev.apollodata.com/react/higher-order-components.html#withApollo
import { withApollo } from 'react-apollo';
const MyComponent = ({ client }) => {
function mutate() {
const dynamicMutationString = // generate mutation string here
client.mutate({
mutation: gql`${dynamicMutationString}`,
variables: { ... },
}).then(...);
}
return <button onClick={mutate}>Click here</button>;
}
const MyComponentWithApollo = withApollo(MyComponent);
我们为此目的构建了这个额外的 API - 当标准的东西不够用时.
We built this extra API for just this purpose - when the standard stuff is not enough.
这里是 mutate
的文档:http://dev.apollodata.com/core/apollo-client-api.html#ApolloClient.mutate
这篇关于react-apollo的动态变异文档的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!