10、GraphQL与Apollo Client在业务应用中的深度实践

最新推荐文章于 2025-10-12 02:46:47 发布

julia4scientist

最新推荐文章于 2025-10-12 02:46:47 发布

阅读量36

点赞数

CC 4.0 BY-SA版权

分类专栏：构建全栈GraphQL应用：从零开始文章标签： GraphQL Apollo Client 缓存机制

本文链接：https://blog.youkuaiyun.com/julia4scientist/article/details/150051785

构建全栈GraphQL应用：从零开始专栏收录该内容

16 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

GraphQL与Apollo Client在业务应用中的深度实践

1. GraphQL变量的应用

在业务搜索应用中，为了根据用户输入的类别筛选业务，我们可以使用GraphQL变量。GraphQL变量允许我们在GraphQL操作中传递动态参数。以下是具体的操作步骤：
1. 替换静态值 ：将静态值替换为 $selectedCategory 。
2. 声明变量 ：在查询中声明 $selectedCategory 作为接受的变量之一。
3. 传递变量值 ：在调用 useQuery 时传递 $selectedCategory 的值。

以下是示例代码：

import React, { useState } from "react";
import BusinessResults from "./BusinessResults";
import { gql, useQuery } from "@apollo/client";

const GET_BUSINESSES_QUERY = gql`
  query BusinessesByCategory($selectedCategory: String!) {
   businesses(where: { categories: { name_CONTAINS: $selectedCategory } }) {