带正则表达式的Gatsby graphql

Question

我想将regex与graphql查询变量一起使用。

这不会返回结果：

export const query = graphql`
  query(
    $episodes: String!
    ) {
    episodes: allMarkdownRemark(
      filter: { fields: { slug: { regex: $episodes } } }
    ) {
      edges {
        node {
          id
        }
      }
    }
  }
`;

但是，这将起作用：

export const query = graphql`
  query() {
    episodes: allMarkdownRemark(
      filter: { fields: { slug: { regex: "/episodes/travel/" } } }
    ) {
      edges {
        node {
          id
        }
      }
    }
  }
`;

怎么了？

Answer 1

通过查询参数传递正则表达式应该起作用，请参见下面的屏幕截图。确保将正则表达式作为字符串而不是实际的正则表达式传递。另外，您需要转义中间的斜杠：

    context: {
-     episodes: /episodes\/traveller/             <-- doesn't work
+     episodes: /episodes\/traveller/.toString()  <-- works
or    episodes: "/episodes\\/traveller/"          <-- also works
    }

在this page中嵌入的graphiQL中尝试一下