时间戳

首页 > 解决方案 > 使用 reactjs 更改主 index.html 上的语言

html - 使用 reactjs 更改主 index.html 上的语言

问题描述

我正在开发一个网站，并且正在尝试使该网站成为多语言。在我的 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>

因此，默认语言是英语，如果浏览器的语言变为葡萄牙语，我想将其更改为葡萄牙语。我已经用葡萄牙语更改了浏览器，但语言仍然是英文

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

标签： htmlreactjsmultilingual

解决方案

您可以使用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”

推荐阅读