在字符串中为react-intl-universal使用react组件

Question

尝试在i18n字符串中使用链接，但它无法正确读取链接组件。如何在react-intl-universal中包含react组件？

语言json文件

{
  "somekey": "some<Link to={ link } somewhere </Link>"
}

javascript

import { Link } from 'react-router'

<Fragment>{ intl.getHTML('somekey', { link: `/somewhere` }) }</Fragment>

Answer 1

不能在react-intl-universal getHTML()方法中传递组件。当您调用此方法时，react-intl-universal将创建一个span元素并设置其内部HTML。因此，使用intl.getHTML()返回的翻译只是一个超文本标记语言字符串，而不是一个将被react翻译成超文本标记语言的组件。

你应该把你的翻译分成两部分，然后写一些类似这样的东西：

​

import { Link } from 'react-router'

<Fragment>
  {intl.get('contentBeforeLink')}
  <Link to="/somewhere">
    {intl.get('contentInsideLink')}
  </Link>
</Fragment>

​