apollo - mutation, query 매개변수 받는 방법

mutation - 매개변수 받는 방법

const HAS_ROOM = gql`
  mutation hasRoom($receiverId: Float!) {
    hasRoom(input: { receiverId: $receiverId }) {
      error
      success
      roomId
    }
  }
`;

const [hasRoom, { data, loading }] = useMutation(HAS_ROOM);

useEffect(() => {
    hasRoom({
      variables: { receiverId: userInfo.id },
    });
  }, []);

variables에 객체를 넣고 그안에 key, value를 설정하면 위에서 선언한 hasRoom($receiverId: Float!) 함수의 인자(`$receiverId`)로 전달된다

Query - 매개변수 받는방법

const GET_MESSAGES = gql`
  query getMessages($roomId: Float!) {
    getMessage(input: { roomId: $roomId }) {
      error
      success
      messages {
        createdAt
        receiver {
          id
          firstname
          lastname
          images {
            src
          }
        }
        sender {
          id
          firstname
          lastname
          images {
            src
          }
        }
        text
      }
    }
  }
`;

const {
    loading: getMessagesLoading,
    data: { getMessage },
  } = useQuery(GET_MESSAGES, {
    variables: { roomId: room?.roomId },
  });