Apollo 使用突变响应最佳实践

Question

我正在使用 Apollo 和 Shopify 的 Polaris 组件，但我不确定管理我对突变的响应的最佳方法。

我通过以下方式声明我的突变。

const [updateShop, {error, data}] = useMutation(SHOP_SETTINGS_MUTATION);

并像这样在我的组件中调用它。

    const saveBar =
        showSaveBar ? (
            <ContextualSaveBar
                message="Unsaved changes"
                saveAction={{
                    onAction: () => {
                        updateShop({variables:{...shop, settings:settings}});
                    }
                }}
                discardAction={{
                    onAction: () => {
                        // do something here

                    }
                }}
            />) : (null);

但是 InteliJ 显示以下警告：

从 updateShop 返回的 Promise 被忽略更少... (⌘F1) 检查信息：报告函数调用返回一个以后不使用的 Promise。这些通常是无意的，表示错误

我在这里做错了吗？

image showing InteliJ is suggesting my code is bad

Answer 1

updateShop 函数返回一个 Promise，它将返回您的突变结果。该警告只是告诉您它被忽略了。通常你会做这样的事情......

                    onAction: () => {
                        updateShop({variables:{...shop, settings:settings}})
                            .then((res) => { 
                               ...check the result object here to ensure
                               the operation succeeded...
                            });
                    }

见https://www.apollographql.com/docs/react/data/mutations/#result