小编cod*_*ob8的帖子

我有以下代码运行一个突变来更新帖子以“发布”该突变效果很好！它按预期更新数据。然而，在 useMutation 钩子中 data 属性始终是未定义的。这很奇怪，因为我可以在网络选项卡中看到响应中包含数据。我对这个问题很困惑。如有帮助，将不胜感激。这是反应代码：

import { gql, useMutation } from "@apollo/client";
import React from "react";
import { Spinner } from "react-bootstrap";
import "./Post.css";

const PUBLISH_POST = gql`
  mutation PublishPost($id: ID!) {
    postPublish(id: $id) {
      userErrors {
        message
      }
      post {
        title
      }
    }
  }
`;

const UNPUBLISH_POST = gql`
  mutation UnPublishPost($id: ID!) {
    postUnpublish(id: $id) {
      userErrors {
        message
      }
      post {
        title
      }
    }
  }
`;
export default function Post({
  title,
  content,
  date,
  user,
  published,
  id,
  isMyProfile
}) …

大家好，我有一个非常复杂的画布编辑器，允许用户使用 Konvajs 和 Gifler 库选择视频背景、添加文本、gif 和 Lottie 动画。它已经走了很长一段路，但是我正在尝试加快我的画布应用程序的性能。我已经阅读了很多关于屏幕外画布的内容，但我不太明白。假设我有一个常规的 HTML 画布对象，我将如何创建一个离屏画布并将其吐回浏览器？理想情况下，我希望能够以 30 fps 的速度从画布中以无延迟的速度从数组中获取图像。我还担心，根据caniuse.com 的说法，屏幕外画布似乎尚未得到广泛支持。每当我尝试从我的画布创建屏幕外画布时，我总是得到：

Failed to execute 'transferControlToOffscreen' on 
'HTMLCanvasElement': Cannot transfer control from a canvas that has a rendering context.

正如我所说，我只是想弄清楚如何平滑地渲染我的动画，但不知道如何去做。这里的任何帮助都会很棒。这是代码。

<template>
  <div>
    <button @click="render">Render</button>
    <h2>Backgrounds</h2>
    <template v-for="background in backgrounds">
      <img
        :src="background.poster"
        class="backgrounds"
        @click="changeBackground(background.video)"
      />
    </template>
    <h2>Images</h2>
    <template v-for="image in images">
      <img
        :src="image.source"
        @click="addImage(image)"
        class="images"
      />
    </template>
    <br />
    <button @click="addText">Add Text</button>
    <button v-if="selectedNode" @click="removeNode">
      Remove selected {{ selectedNode.type }}
    </button>
    <label>Font:</label>
    <select v-model="selectedFont">
      <option value="Arial">Arial</option>
      <option …