如何在reactjs中实现本地化?

戈拉克·纳特

我们需要在reactjs中实现本地化以定义字符串值。我该如何实施?

这里有一个链接https://www.npmjs.com/package/react-localization,但是我没有正确的步骤添加它。

我已经尝试通过以下步骤:

  1. 我在ES6中添加了我的组件:
    class Home extends React.Component
    {
        constructor(props) {
            super(props);
        }
        render() {
            return (
              <Text>{strings.how}</Text>
             );
        }
    }

  1. 我将本地化代码添加为:-
    import LocalizedStrings from 'react-localization';
    let strings = new LocalizedStrings({
        en:{
            how:"How do you want your egg today?",
            boiledEgg:"Boiled egg",
            softBoiledEgg:"Soft-boiled egg",
            choice:"How to choose the egg"
        },
        it: {
            how:"Come vuoi il tuo uovo oggi?",
            boiledEgg:"Uovo sodo",
            softBoiledEgg:"Uovo alla coque",
            choice:"Come scegliere l'uovo"
        }
    });

现在,如果您将在上面看到:- {strings.how},我应该能够获取本地化中定义的字符串值,但我不能这样做。

奥斯卡

雅虎创建了一个包实现本地化作出反应,可能是你在找什么:https://github.com/yahoo/react-intl它负责“日期,数字和字符串,包括复数形式和处理翻译”。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Swift UI中实现本地化

如何在 Swift 中翻译/本地化变量

如何在DataAnnotation中本地化ErrorMessage?

如何在MVC中本地化DataAnnotation?

如何在wicket中本地化javascript文件

如何在Google Recaptcha中设置本地化

如何在golang中获取实际的本地化/ lang?

如何在Flutter中测试本地化的小部件?

如何在VDM中获取本地化字段的文本?

如何在 SwiftUI 中本地化 EditButton?

如何在 XtraReport 中显示枚举的本地化值?

如何从文件中删除本地化

如何仅在 EJS 和 gulp 中实现 i18n 本地化?

如何实现本地化ASP net CORE MVC

如何使用 HapiJs 和 MongoDB 实现本地化

本地化的故事板可实现本地化

Django表单初始化问题-如何在超类中设置本地化?

如何在UWP中创建参数化的本地化字符串

在iOS中如何在UIDatePicker中本地化当月文本,以及是否有可能?

如果在情节提要中设置了图像,如何在iOS中本地化图像?

如何在Kentico的管理界面中本地化单选按钮

如何在iOS中获取NSArray本地化的星期几名称?

如何在iOS中本地化UITextField的自动大写类型?

如何在android中确定当前的本地化并向GoogleMapsApi添加标记

如何在Laravel中本地化字段名称?

如何在iOS info.plist文件中本地化字符串?

如何在char数组或列表或集合或任何IEnumerable中获取本地化的字母?

如何在iOS Xamarin C#中设置本地化/文化

如何在Spring 3 / Thymeleaf中显示带有参数的本地化消息