Nano Hash - криптовалюты, майнинг, программирование

изменить язык в основном index.html с помощью reactjs

Я работаю над веб-сайтом, и я пытаюсь сделать сайт многоязычным. в моем 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>

Итак, по умолчанию используется английский язык, и я хочу изменить его на португальский, если язык браузера станет португальским. Я уже изменил браузер на португальский язык, но язык все еще на английском.

Я все еще новичок в этом, и я просто хочу знать, есть ли какой-то код или что-то, что может помочь мне решить этот код.

reactjs html multilingual
08.10.2020

  • Привет, Фабио, я не понимаю, с чем ты столкнулся, тебе нужно изменить название страницы, чтобы оно отражало выбранный язык? если это так, вы можете просто манипулировать DOM, используя document.title = '...' 08.10.2020

Ответы:


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».

08.10.2020
  • эй, это сработало. спасибо, что показали мне реактивный шлем @knada 08.10.2020
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..