React antd LinguiJS 不适用于 Modal 方法

Question

我尝试在antd中翻译标题modal.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

我为 ant d modal.method context

包装单独的 I18nProvider

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

React antd LinguiJS 不适用于 Modal 方法

React antd LinguiJS not working on Modal method

reactjs

react-redux

antd

linguijs