【发布时间】:2021-12-03 14:52:32
【问题描述】:
我最近一直在玩 Shopify 应用程序开发,我正在努力使用 graphql 调用来修改一些文本。下图显示了在我测试它的 shopify GraphQL 应用程序中正确进行的调用。
但是,当我尝试从 react 组件进行同样的调用时,我收到以下错误
Unhandled Runtime Error
Error: GraphQL error: Field 'metafieldsSet' doesn't exist on type 'Mutation'
GraphQL error: Variable $metafields is declared by metafieldsSet but not used
这是我尝试更新元字段的反应组件
import React, { useState } from 'react';
import gql from 'graphql-tag';
import { Mutation } from 'react-apollo';
import { Layout, Button, Banner, Toast, Stack, Frame } from '@shopify/polaris';
import { Context } from '@shopify/app-bridge-react';
// GraphQL mutation that updates the prices of products
const UPDATE_TEXT = gql`mutation metafieldsSet($metafields: [MetafieldsSetInput!]!) {
metafieldsSet(metafields: $metafields) {
metafields {
value
id
key
ownerType
}
userErrors {
field
message
}
}
}
`;
class UpdateTheText extends React.Component{
static contextType = Context;
render(){
return(
<Mutation mutation={UPDATE_TEXT}>
{(handleSubmit, {error, data}) => {
const [hasResults, setHasResults] = useState(false);
const showError = error && (
<Banner status="critical">{error.message}</Banner>
);
const showToast = hasResults && (
<Toast
content="Successfully updated"
onDismiss={() => setHasResults(false)}
/>
);
return (
<Frame>
{showToast}
<Layout.Section>
{showError}
</Layout.Section>
<Layout.Section>
<Stack distribution={"center"}>
<Button
primary
textAlign={"center"}
onClick={() => {
let promise = new Promise((resolve) => resolve());
const newmetafields = {
key: "ExtraShopDesc",
namespace: "ExtraShopDescription",
ownerId: "gid://shopify/Shop/55595073672",
type: "single_line_text_field",
value: "This is an extra shop description twice"
}
promise = promise.then(() => handleSubmit({ variables: { metafields: newmetafields }}));
if (promise) {
promise.then(() => this.props.onUpdate().then(() => setHasResults(true)));
}}
}
>
Update Text
</Button>
</Stack>
</Layout.Section>
</Frame>
);
}}
</Mutation>
);
}
}
export default UpdateTheText;
我相信我正在将变量传递给 gql,但它似乎没有接收到它们?
【问题讨论】:
标签: graphql shopify-app