React и LinguiJS не работают с модальным методом

Я пытался перевести заголовок в 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")
            }
        },
    })
}

вы завернулись внутрь I18nProvider в app.js

Jibin Francis 18.12.2020 12:19

да, я обернул app.js с помощью I18nProvider, и он отлично работает, но когда я использую modal.confirm(), он показывает ошибку

Corioste 18.12.2020 15:17
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
2
822
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

я оборачиваю в отдельный I18nProvider для контекста antd modal.method

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

Другие вопросы по теме