javascript - 如何使用 axios 在 gatsby useStaticQuery 中获取数据？

Question

我可以使用 graphql 在 gatsby 中获取数据，如下所示：

import { graphql, useStaticQuery } from "gatsby"

const IndexPage = () => {

  const gatsbyRepoData = useStaticQuery(graphql`
    {
      github {
        repository(name: "gatsby", owner: "gatsbyjs") {
          id
          nameWithOwner
          url
        }
      }
    }
  `)

如何在 gatsby js 中使用 axios 获取带有 useStaticQuery 生命周期的 rest api？

标签： javascriptreactjsrestgraphqlgatsby

Answer 1

不，你不能。的目的useStaticQuery是从您的项目、元数据或您自己的项目文件中获取静态数据（因此得名），具体取决于您的数据结构。

要从外部来源获取动态数据，您需要使用gatsby-node.js文件。

查看：

• https://www.gatsbyjs.com/docs/use-static-query/
• https://www.gatsbyjs.com/blog/2019-02-20-introducing-use-static-query/
• https://www.gatsbyjs.com/docs/data-fetching/