首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >GraphQL的多语言支持

GraphQL的多语言支持
EN

Stack Overflow用户
提问于 2018-03-15 16:05:31
回答 1查看 1.8K关注 0票数 2

我正在尝试使用GatsbyJS静态站点生成器来重写我的站点。用户可以通过UI更改语言。有几个文件夹包含本地化的文本数据:

- src - data - en - text1.json - text2.json ... - de - text1.json - text2.json ... - es - text1.json - text2.json ...

如何根据当前语言获取数据?GraphQL查询应该是什么样子的?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-03-15 17:15:02

您可以使用社区gatsby-plugin-i18n

您可以找到一个使用markdownRemark配置的示例:

// Add to gatsby-config.js
plugins: [
  {
      resolve: 'gatsby-plugin-i18n',
      options: {        
        langKeyDefault: 'en',
        useLangKeyLayout: false,
        markdownRemark: {
          postPage: 'src/templates/blog-post.js',
          query: `
          {
            allMarkdownRemark {
                edges {
                  node {
                    fields {
                      slug,
                      langKey,
                    }
                  }
                }
             }
          }
          `
        }
      }
    }
]

您可能希望根据langKey值过滤graphql查询:

allMarkdownRemark(filter: { fields: { langKey: { eq: "en" } } }) {
  edges {
    node {
      fields {
        slug,
        langKey,
        #your data
      }
    }
  }
}

查看showcase源代码也会对您有所帮助。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49294243

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档