如何从markdown文件中查询gatsby中的zip文件?

时间:2019-08-31 01:02:44

标签: reactjs graphql markdown gatsby

我正在使用gatsby创建网站的静态页面,我的内容包含在markdown文件中。我想在markdown中包含一个zip文件的路径,并使用graphql进行查询以将其传递给我的React组件。

我尝试将路径传递给zip文件,并且还将字符串传递给zip文件的路径。

example.md

---
zip: /location/to/zipfile.zip // have also tried '/location/to/zipfile.zip
---

component.jsx

// some code

// GraphQL query
export const ExampleQuery = graphql`
  query ExampleQuery($path: String!) {
    markdownRemark(frontmatter: { path: {eq: $path } }) {
      frontmatter {
        zip
      }
    }
  }
`;

我收到以下错误

error GraphQL Error Field "zip" of type "File" must have a selection of subfields. Did you mean "zip { ... }"?

我知道我也可以在react中直接导入zip文件,但是我避免这样做,因为我想查询不同的zip文件并根据用户选择将它们传递给组件。

0 个答案:

没有答案