动态更改不从 'react' 导入 React 的文件中的值

Question

帮助 React 应用国际化。

const children = [];

children.push(
  {
    path: "/coupons",
    name: "Coupons",
    component: AllCoupons,
  },
 {
   path: "/create",
   name: "Create Coupon",
   component: Coupon,
  },
 );

React 应用程序是双语的。它支持英语和阿拉伯语。

我需要更改“名称”的值。我如何使用存储在根级别状态 (Context API) 中的方向值 (rtl / ltr)。在 ltr 上应呈现英文单词，在 rtl 上应呈现阿拉伯语单词。

注意：这是一个导出路由的文件。 React 不是从 'react'.

导入的

Answer 1

语言的国际化应该在每种语言的 Json 文件中完成。例如，如果您在网站中提供英语和法语，则应在应用程序的 src 文件夹中创建相应的 Json 文件，例如 en.json 和 fr.json，然后提供给所有需要它的页面。

您可以为此使用一些库：React i18next

动态更改不从 'react' 导入 React 的文件中的值

Dynamically change values in file that doesn't import React from 'react'

javascript

routes

reactjs

react-context

react-hooks