在React项目中设置本地化的最佳方法

Question

我想基于reactjs为我的电子商务项目实现多种语言（本地化）。 谁能告诉我，最好的方法是什么。

Answer 1

react最受欢迎的本地化软件包之一是 react-i18next

之前：您的反应代码应类似于：

...
<div>Just simple content</div>
<div>
  Hello <strong title="this is your name">{name}</strong>, you have {count} unread message(s). <Link to="/msgs">Go to messages</Link>.
</div>
...

之后：使用trans组件时，只需将其更改为：

...
<div>{t('simpleContent')}</div>
<Trans i18nKey="userMessagesUnread" count={count}>
  Hello <strong title={t('nameTitle')}>{{name}}</strong>, you have {{count}} unread message. <Link to="/msgs">Go to messages</Link>.
</Trans>
...

参考：https://github.com/i18next/react-i18next

Answer 2

我建议使用react-intl。我在由盖茨比（Gatsby）制作的网站上写了一篇关于自己的实现的帖子here。