是否可以覆盖一个特定的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>