如何将 link 添加到 react intl 中的格式化消息？

Question

我正在使用 react intl ^2.4.0 版本。我想在格式化的消息中添加 link 也得到翻译。我正在结合使用它 react cookie law

我尝试使用类似的东西：

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>

我直接在 app.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

您可以将 link 作为值传递给 FormattedMessage

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

如何将 link 添加到 react intl 中的格式化消息？

How to add link to formated message in react intl?

reactjs

react-intl