动态更改不从'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