介绍
react-intlstrings 是一个基于 React 环境下的国际化字符串处理 npm 包。利用该包，您可以方便地将您的网站或应用进行本地化，并且无需频繁切换代码和语言。
安装
您可以通过 npm 进行安装：
npm install react-intlstrings --save
使用
Step 1: 引入包
import IntlStrings from 'react-intlstrings';
Step 2: 对象化字符串
-- -------------------- ---- -------
----- ------- - --- -------------
-------- -
-------- ------- ---------
-------- -------
--
-------- -
-------- -------------
-------- ----
-
---以上代码会将需要翻译的字符串对象化，方便管理。
Step 3: 套用翻译
strings.get('hello', {name: 'Mike'}, 'en-US');以上代码会将语句 "Hello, Mike!" 进行翻译，输出 "Hello, Mike!" 或 "你好，Mike！"，具体视传入的 locale 参数而定。
翻译占位符
在上面的例子中，大括号 {} 中的 name 是占位符。该占位符会在程序运行时使用传入的参数进行替换。
例如：
strings.get('hello', {name: 'Mike'}, 'en-US');会将大括号内的 name 字符串替换为 Mike。
扩展语言支持
您可以很方便地扩展语言支持，只需要将需要添加的语言及其对应翻译字符串，按照上面对象化字符串的例子，添加至 IntlStrings 构造函数即可。
例如：
-- -------------------- ---- -------
----- ------- - --- -------------
-------- -
-------- ------- ---------
-------- -------
--
-------- -
-------- --------- ---------
-------- -------
--
-------- -
-------- -------------
-------- ----
-
---上面的代码添加了法语支持。您可以在使用时传入 fr-FR 参数即可启用法语翻译。
示例代码
下面是一个完整的示例代码。您可以直接复制到您的代码中直接使用。
-- -------------------- ---- -------
------ ----- ---- --------
------ ----------- ---- --------------------
----- ------- - --- -------------
-------- -
-------- ------- ---------
-------- -------
--
-------- -
-------- --------- ---------
-------- -------
--
-------- -
-------- -------------
-------- ----
-
---
------ ------- ----- ----------- ------- --------------- -
------------------ -
-------------
---------- - -
----- -------
------- -------
--
-
-------------------- -
---------------
------
---
-
-------- -
------ -
-----
------------------------- ----- ------------------------
------------------------ ------ ----------------- -----------------------
------- ----------- -- --------------------------------------------
------- ----------- -- ---------------------------------------
------- ----------- -- ---------------------------------------------
------
--
-
-小结
通过 react-intlstrings，您可以完成网站或应用的国际化，提升您网站或应用的用户体验。 该 npm 包简单易用，支持多语言及占位符。欢迎使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cbe81e8991b448e634a