Gatsby.js (React) - gatsby-browser.js 中的 graphql 查询

Question

我在 Gatsby.js (React) 中有一个插件 TypeWriting。它看起来像这样：

/* file: gatsby-browser.js */
const typeWriting = () => {
  new Typewriter('#intro-typing', {
    strings: ['Drupal', 'WordPress', 'OpenCart'],
  });
}
export const onInitialClientRender = () => {
  typeWriting();
}

我想为“字符串”设置 - 来自 graphql 查询的自己的数组

如何在 gatsby-browser.js 中使用 graphql 查询？

Answer 1

gatsby-browser.js 是一个文件，可让您响应浏览器中的操作，并将您的网站包装在其他组件中。 Gatsby 浏览器 API 为您提供了许多与 client-side of Gatsby 交互的选项。所以我认为你不能在任何 API 或方法之外触发任何类型的 GraphQL 查询。

如果您希望 strings 数组“自动化”，您可以使用 environment variables 并将其作为数组的值放置。