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