React ant d LinguiJS未在Modal方法上工作

Question

我试图翻译antdmodal.confirm()中的标题，但总是收到一个错误useLingui hook was used without I18nProvider。在其他页面中，翻译效果良好。

这是我的代码：

async function onLogout() {
Modal.confirm({
title: <Trans>Confirm Logout</Trans>,
icon: <LogoutOutlined />,
content: <Trans>Are you sure you want to logout?</Trans>,
async onOk() {
const logout = await dispatch(logoutUser())
if (logout === "Success") {
history.push("/login")
}
},
})
}

Answer 1

i包装在单独的I18Ant模式的提供程序中。方法上下文

const comfirmLogoutMessage = (
<I18nProvider i18n={i18n}>
<Trans>Confirm Logout</Trans>
</I18nProvider>
)