npm 包 relay-runtime-pr-1868 使用教程

阅读时长 4 分钟读完

介绍

本文将介绍如何使用 npm 包 relay-runtime-pr-1868。本包是根据 Relay 官方文档 中的 Pull Request #1868 实现的。该 PR 修复了多重嵌套的 fragment 的查询问题,修复后可以直接在 JavaScript 中使用 Relay 进行查询。

安装

使用 npm 安装:

或者使用 yarn 安装:

使用

下面我们将通过一些示例代码介绍如何使用 relay-runtime-pr-1868。

首先,我们需要定义一个 GraphQL 查询,例如:

-- -------------------- ---- -------
----- ------- -
  ------ -
    ----
    ------- -
      ----- -
        ---- -
          ----
        -
      -
    -
  -
-

然后,我们需要定义查询的 schema:

-- -------------------- ---- -------
------ - -------- ----------- - ---- ----------

----- ------ - -------------
  ---- ----- -
    ------- ------
  -

  ---- ------ -
    ----- ------
    -------- ----------------
  -

  ---- ---------------- -
    ------ ------------
  -

  ---- ---------- -
    ----- ------
  -

  ---- ------ -
    ----- ------
  -
---

----- ----- - --------
  ----- ------- -
    ------ -
      ----
      ------- -
        ----- -
          ---- -
            ----
          -
        -
      -
    -
  -
--

接下来,我们需要使用 Relay 进行查询。

使用 relay-runtime-pr-1868,我们可以像下面这样查询:

-- -------------------- ---- -------
------ - ------------ -------- ------------- ----- - ---- ------------------------

----- ------- - -------------------------- ---------- -- -
  -- ----- ------- ------- ------- --
  ------ ----------------- -
    ------- -------
    -------- -
      --------------- ------------------
    --
    ----- ----------------
      ------ ---------------
      ---------
    --
  ---------------- -- -
    ------ ----------------
  ---
---

----- ----- - --- --------- ----------------

----- --- - --- -------------
  --------
  -----
---

------------- ---------- ----- ---------- ---- -- -- -
  ------------------
---

以上代码将会输出:

-- -------------------- ---- -------
-
  ------- -
    ----- --------
    -------- -
      ------ -
        -
          ----- -
            ----- -----
          -
        --
        -
          ----- -
            ----- ---------
          -
        --
        -
          ----- -
            ----- -------
          -
        -
      -
    -
  -
-

总结

relay-runtime-pr-1868 是一个非常有用的 npm 包,可以直接在 JavaScript 中使用 Relay 进行查询,并修复了多重嵌套的 fragment 的查询问题。本文介绍了如何安装并使用该包,希望可以对大家有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005661981e8991b448e1f8d

纠错
反馈