javascript - 带有语言翻译功能的 React js 网页（手动）

Question

我正在做一个反应项目，该网页包括翻译语言按钮（英文/中文）的功能
目前我仍处于使用chineseHomePage.js和EngHomePage.js创建每个页面的初学者状态，是的，它看起来很愚蠢。任何人都可以推荐或给我一个建议吗？
像只有 1 一样，HomePage.js其中包括 2 种语言并在调用时使用部分 (eng) 的 1？
我曾尝试在 youtube 上进行研究，但找不到类似的项目。请为我提供一些编码的来源和示例。

标签： javascriptreactjs

Answer 1

对于翻译，您可以使用react-18next或formatjs等解决方案。在这种情况下，您将只有一个 HomePage.js，并将该页面中的字符串翻译成您想要的语言，如下所示：

<h2>{t('Welcome to React')}</h2>

您将拥有一个单独的文件，其中包含 json 格式的翻译。

const resources = {
  en: {
    translation: {
      "Welcome to React": "Welcome to React and react-i18next"
    }
  },
  fr: {
    translation: {
      "Welcome to React": "Bienvenue à React et react-i18next"
    }
  }
};

你应该阅读文档，他们有一步一步的入门指南。