更改主索引的语言。html 和 reactjs

Question

我在一个网站上工作，我正在努力使该网站支持多语言。 在我的 index.html 上，我有两个标题，一个是英语，另一个是葡萄牙语。

  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />

    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

    <title > EN </title>
    <title lang = "pt-PT"> PT </title>

  </head>

所以默认语言是英语，如果浏览器的语言变成葡萄牙语，我想把它改成葡萄牙语。 我已经用葡萄牙语更改了浏览器，但语言仍然是英语

我对此还是个新手，我只想知道是否有一些代码或可以帮助我解决此代码的东西。

Answer 1

您可以使用react-helmet ，它可以帮助您使用反应代码将内容放入<head>中。 把它放在你的根组件中。

import { Helmet } from "react-helmet"

const siteLanguage = 'pt-PT'

在你的渲染中

 return (
    ...
    <Helmet htmlAttributes={{
        lang: siteLanguage,
        }} 
    ><title lang={siteLanguage}>PT</title>
    </ Helmet>
    ...
    )

葡萄牙语语言代码可以是“pt”、“pt-BR”或“pt-PT”

更改主索引的语言。html 和 reactjs

问题描述

1 个解决方案

解决方案1
2 已采纳 2020-10-08 10:50:07

更改主索引的语言。html 和 reactjs

问题描述

1 个解决方案

解决方案1 2 已采纳 2020-10-08 10:50:07

解决方案1
2 已采纳 2020-10-08 10:50:07