是否可以覆盖一个特定 intl.formatMessage 的语言环境？

Question

我将react-intl 与en 和fr 一起使用，我的React 应用程序包含在

<IntlProvider locale={lang}>

所以例如当lang 为en 时，所有intl.formatMessage 调用都会产生英文文本。

我想要实现的是我想要<IntlProvider locale="en">，但在应用程序内部，我需要将一个特定的intl.formatMessage 翻译成fr。

Answer 1

可以在同一个容器中添加多个IntlProvider。您必须为每个语言环境和消息定义。 这里只是一个带有 FormattedMessage 的示例，但它可以是更大的元素：

<div>
  <IntlProvider locale='en' messages={messagesEn} >
    <FormattedMessage value={message.hello} />
  </IntlProvider>

  <IntlProvider locale='fr' messages={messagesFr} >
    <FormattedMessage value={message.hello} />
  </IntlProvider>
</div>