无法使用阿波罗客户端上的突变添加数据

Question

阿波罗服务器客户端的突变：

import { gql } from "@apollo/client";
export const UPLOAD_IMAGE = gql`
  mutation uploadImage($url: String!, $description: String!, $posterName: String!) {
    uploadImage(post: { url: $url, description: $description , posterName: $posterName }) {
      
      
      url
      posterName
      description
      
    
    }
  }
`;

尝试添加新帖子：

import { useMutation, useQuery } from "@apollo/client";
import { UPLOAD_IMAGE } from "./mutation";
import { useState } from "react";
function NewPost() {
  
  const [posterName, setPosterName] = useState(null);
  const [uu, {err}] = useMutation(UPLOAD_IMAGE);
  const [url, setUrl] = useState(null);
  const [description, setDescription] = useState(null);
  
  
  const addPost = () => {
    uu({
      variables: {
        url: url,
        description: description,
        posterName: posterName,
        
      },
    });
  };

  return (
    <div className="App">
     
      Url--- <input onChange={(e) => setUrl(e.target.value)} />
      <br />
      PosterName--- <input onChange={(e) => setPosterName(e.target.value)} />
      <br />
      Description ---
      <input onChange={(e) => setDescription(e.target.value)} />
      <br />
      <button onClick={() => addPost()}>Add Post</button>
    </div>
  );
}

export default NewPost;

在服务器端，阿波罗服务器上的突变：

typedef：

type Mutation {
    uploadImage(
      url: String
      description: String
      posterName: String
    ): ImagePost
  }

Resolver：

Mutation: {
      uploadImage: async (_,args) => {
        //const { data } = await axios.get('https://api.unsplash.com/photos/?client_id=2zceQd7D4SraKoqW_GjPzXboSup3TKRIPk7EXfJBcAs');
        const newPost = {
          id: uuid.v4(),
          url: args.url,
          description: args.description,
          posterName: args.posterName,
          binned: false,
          userPosted: true,

        }
        await client.lpushAsync("postedImagesList",JSON.stringify(newPost));
        return newPost;
      }
    }

创建新帖子时，我将其添加到Redis中以存储它。但是该帖子不会从输入字段和按钮中添加。它确实使用游乐场工作，不确定为什么。我正在使用lrangeasync检索数据，以从REDIS中获取数据。

Answer 1

试试这个！

const addPost = async () => {
  await uu({
    variables: {
      post: {
        url: url,
        description: description,
        posterName: posterName,
      },
    },
  });
};