帮助React App国际化。
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。
语言的国际化应在Json
每种语言的文件中完成。例如,如果您在网站中提供英语和法语,则应在应用程序的文件夹中创建和相应的Json
文件,然后将其提供给需要它的所有页面。en.json
fr.json
src
您可以为此使用一些库:React i18next
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句