ReactJS ::国际化

对于全球网站而言，国际化(i18n)对于吸引本地受众至关重要。对于像React这样的客户端库，唯一的选择曾经是提供缓慢，笨重的库来处理诸如翻译和数字格式之类的事情。最近，本机的Intl API已在浏览器中提供，从而避免了沉重的下载成本。

雅虎团队的一个名为React Intl的库有助于将该新API引入React项目。一组特殊的组件会自动转换字符串，并格式化数字，日期和货币。它构成了i18n工具FormatJS集合的一部分。

<FormattedDate value={new Date()} weekday='long' />

每个组件都具有支持Intl API可用设置的属性。通过提供所需的日期格式，API可以使用对浏览器的语言环境了解的信息来计算字符串。只要这些道具中的任何一个发生变化，字符串就会自动更新。

<FormattedMessage
    id='homepage.greeting'
    description='Main greeting for the homepage'
    defaultMessage='Welcome!'
/>

字符串转换需要 在应用程序根目录的提供给提供者的消息中添加适当的转换 ，但是可以在整个应用程序中使用。该库将检测到该ID，并根据需要替换内容。可以在此处找到此功能中所有选项的详细信息。