如何在反应国际中添加格式化消息的链接?

Question

我正在使用 react intl ^2.4.0 版本。我想在格式化消息中添加链接，该链接也会被翻译。我将其与 反应饼干法

我尝试使用类似的东西：

const link = <a href="google.com">log in</a>;
const msg = `this website uses cookies ${link}`

但没有运气。

const cookieMsg = (
<FormattedMessage
id="text"
defaultMessage="This website uses cookies LINK HERE."
/>
);

在 CookieBanner 中：

<IntlProvider locale={lang} messages={messages[lang]}>
<>
<CookieBanner
message={msg}
...
/>
</>
</IntlProvider>

我直接在应用程序中渲染.js。在这里：

<CookieBanner
message={cookieMsg}
acceptButtonText={cookieBtn}
privacyPolicyLinkText={cookiePrivacy}
policyLink="https://www.google.com"
showMarketingOption={false}
showStatisticsOption={false}
showPreferencesOption={false}
styles={{
optionWrapper: {
display: "none"
}
}}
/>

Answer 1

您可以将链接作为值传递给格式化消息

const cookieMsg = (
<FormattedMessage
id="text"
defaultMessage="This website uses cookies {link}."
values={{
link: <a href="google.com">
<FormattedMessage
id="link"
defaultMessage="log in"
/>
</a>
}}
/>
);