標簽[react-i18next] - 堆棧內存溢出

如何在 React Native 組件之外使用 i18next 中的 t function？

[英]How to use t function from i18next outside of React Native component?

我嘗試在 React Native 組件之外使用 i18next 的 t function。在某些地方，我需要在 function 中使用“t”，它不是在組件中定義的。我不知道將“t”傳遞給此類函數的最佳方法是什么。目前我正在考慮這些選項：在我想使用“t”的文件頂部從 i18n 配置文件導 ...

如何使用 i18n 動態翻譯對象數組的屬性？

[英]How to translate dynamically properties of an array of objects with i18n?

我有一個對象數組，每個 object 都有 2 個屬性（標題和副標題），我希望這 2 個屬性根據視頻有不同類型的翻譯。因此每個視頻必須有 3 種不同類型的語言翻譯和不同的字符串。例如，第一個 object 的標題：'cat'，副標題：'purr' 和意大利語標題的翻譯：'gatto'，副標題：' ...

將 Clickable 動態值傳遞給 react-i18next

[英]Pass Clickable dynamic value into react-i18next

我正在動態傳遞值，但我想在單擊此值時重定向到另一個頁面。有沒有辦法做到這一點？這是我的代碼示例我想讓產品名和用戶名可以點擊 ...

如何在反應 typescript 中將類型作為道具傳遞？

[英]How to pass a type as prop in react typescript?

我有兩個包，一個用於普通包，另一個用於翻譯。我正在將類型和翻譯從翻譯 package 轉移到我的項目，並從我的項目轉移到公共 package。但是要使用公共 package 中的翻譯，我也需要類型。有沒有辦法將界面作為道具傳遞給反應？簡單來說，有沒有辦法將接口/類型作為道具傳遞？ ...

反應 Typescript 'TFunctionDetailedResult 類型的參數<object> ' 不可分配給 react-i18next 類型的參數<div id="text_translate">我的項目的很多地方都有這個代碼片段。在我升級所有包（包括react-scripts typescript和react-i18next ）之前，這沒有任何問題。<pre> import _get from 'lodash/get'; const { translate } = useLocales(); translate( _get(error, 'response.data.validationFailures.0.field'), _get(error, 'response.data.validationFailures.0.code') ),</pre> 我得到的錯誤是<blockquote> “TFunctionDetailedResult”類型的參數不可分配給“SnackbarMessage”類型的參數。</blockquote> 將_get(error, 'response.data.validationFailures.0.field') as String也無法解決問題。 但是我之前也遇到過類似的問題，<pre> .required(translate('validations.organization.name', 'Organization name is required.'))</pre> 在這里我收到了這個錯誤信息<blockquote> “DefaultTFuncReturn”類型的參數不可分配給“Message<{}> | 類型的參數” 不明確的'。</blockquote> 我通過將此文件添加到項目中解決了錯誤 i18next.d.ts<pre> import 'i18next'; declare module 'i18next' { interface CustomTypeOptions { returnNull: false; } }</pre> 問題是validations.organization.name會返回null 。因此，在覆蓋不返回null ，問題得到解決。希望如果我聲明_get方法總是返回一個字符串，錯誤就會修復。我怎么做？ _get 方法也不會總是返回一個字符串。它返回路徑中的內容。因此覆蓋也不會是全局覆蓋。</div></object>

[英]React Typescript Argument of type 'TFunctionDetailedResult<object>' is not assignable to parameter of type react-i18next

我的項目的很多地方都有這個代碼片段。在我升級所有包（包括react-scripts typescript和react-i18next ）之前，這沒有任何問題。我得到的錯誤是 “TFunctionDetailedResult”類型的參數不可分配給“SnackbarMessage”類型的參數。將_ ...

react-i18next old useSuspense 警告

[英]react-i18next old useSuspense warning

在運行反應應用程序時出現警告，如下所述我怎樣才能清除這個警告？ ...

如何根據所選語言對數組進行排序？ (ReactJS)

[英]How to sort an array based on selected language? (ReactJS)

我想根據用戶選擇的語言對國家名稱列表進行排序。默認情況下，此列表根據英文字母表排序。但考慮到每種語言都有不同且截然不同的字母表，在某些情況下，用戶很難找到所需的結果。我希望此列表按用戶選擇的每種語言的字母順序排序。我使用 ReactJS 和 react-i18next 來翻譯我的應用程序。 ...

i18next、react 和 HTML 作為變量提供

[英]i18next, react and HTML provided as a variable

我有一個項目，用戶可以在其中提供用於搜索的文本。此文本可以是 HTML，因此，我們不會對它進行轉義，因為在源代碼中，它沒有被轉義。我們提供了一大堆功能，包括刪除不需要的搜索。我們支持多種語言（包括日語等），因此我們無法預先決定將要刪除的搜索放在翻譯的哪個位置。所以我們使用Trans組件。問 ...

如何使用 i18next 從同一個文件加載 en 和 en-US 語言的翻譯

[英]How to load translation from same file for both en and en-US language using i18next

我們正在使用react-i18next並僅維護語言“en”和“fr”的翻譯。這給我們帶來了一個問題，當瀏覽器的首選語言是“en-US”時，翻譯不會被加載，因為沒有為 en-US 維護單獨的文件有人可以建議將同一文件用於“en”、“en-US”等類似語言的可能性嗎？ ...

Nextjs 水化失敗

[英]Nextjs hydration failed

我正在使用react-i18next依賴項，我在將它與 next.js 一起使用時遇到問題在我的_app.js我有：當我有沒有 if 語句的_app.js時：它給了我其他水合作用錯誤： Warning: Text content did not match. Server: "navbar.da ...

在遷移到 next.js 期間反應 i18next 問題（錯誤：文本內容與服務器呈現的 HTML 不匹配。）

[英]React i18next issue during migration to next.js (Error: Text content does not match server-rendered HTML.)

我正在嘗試從 react-router-dom 遷移到 next.js。我設法進行了所有重大更改，但現在我面臨 React-i18next 國際化的問題。我將文件名從 i18n.js 更改為 next.config.js 但我收到此消息“錯誤：文本內容與服務器呈現的 HTML 不匹配” -ap ...

如何獲得活動語言以外的翻譯 React i18next

[英]How to get translation other than active language React i18next

我有一個輸入組件，用戶應該輸入不同語言的文本。因此，當用戶選擇他想用哪種語言書寫時，我希望將占位符翻譯成不同的語言。我不想更改頁面的活動語言。有誰知道，我如何手動從資源中獲取翻譯？我沒有使用任何工具來獲取文本翻譯。我正在尋找以下內容： ...

動態獲取從 function 返回的 function 的類型

[英]Dynamically get the type for the function returned from a function

所以，我正在為反應翻譯鈎子編寫一個翻譯包裝器來替換應用程序上的一些文本。我有一個translationWrapper function，它返回一個customTFunc ，如下所示：用法：對於customTFunc ，我希望根據傳遞給translationWrapper的內容動態輸入其參數tr ...

React 應用程序在更改 i18next 語言並結合經過身份驗證的路由時不斷刷新

[英]React app keeps refreshing when changing i18next language in combination with authenticated routes

我有一個帶有身份驗證（基於cookie）的react-app，帶有登錄路由和配置文件路由。配置文件路由正在獲取配置文件數據並將數據放入表單中。其中一個領域是語言領域。我正在使用useEffect掛鈎來觀察語言屬性並使用i18n.changeLanguage()來更改語言。出於某種原因，當我添 ...

使用翻譯鈎子 react-i18next

[英]useTranslation hook react-i18next

為什么它不起作用？我試圖切斷我的翻譯路徑。在不傳遞整個路徑（“root.chapter.key”）的情況下如何做到這一點？ // json {"root": "chapter": { "key": "Some text" } } const { t } = useTranslation('r ...

NextJS 中的國際化

[英]Internationalisation in NextJS

我正在嘗試組建一個需要 i18n 的 NextJS 項目。我發現了多個關於 i18n 的庫。我們真的需要那些嗎？雖然我瀏覽了文檔，但在全局級別維護 Object 並使用某種邏輯根據 NextJS 的語言環境信息檢索它感覺更容易。這些庫是否有任何特定的用例試圖解決？我是不是錯過了什么。謝謝 ...

使用 i18next 時如何處理 ESLint react-hooks 'exhaustive-deps' 規則？

[英]How to handle ESLint react-hooks 'exhaustive-deps' rule when using i18next?

我添加了 react-hook/exhaustive-deps 並且我在決定如何做事時遇到了問題。假設我有一個 function 調用 Ajax 來獲取用戶數據。如果有錯誤，它會通知用戶。當用戶決定更改語言時，是否意味着它將再次執行這段代碼？我怎樣才能避免這種情況？我不想要第二次 Aja ...

React-i18next 僅在組件重新渲染后翻譯

[英]React-i18next translation only after component re-rendered

我有一個使用英語和法語的 Next 和 react-i18next 的頁面。現在的問題是，如果我將語言設置為 Frn 並刷新，它仍然顯示英文內容。我發現了兩個有線的東西：如果我刪除 SSR 內容，即 getServersideProps，就會出現法語翻譯。任何會觸發組件重新渲染的東西都會更新 ...

如何停止 JavaScript 解析直到 React 渲染（）？

[英]How do I stop JavaScript from parsing until React render()?

不確定這是否是正確的問題，但它讓你點擊:) 問題是當 i18n 全球語言更新時，我的大部分文本翻譯都沒有更新。在此示例中，查看 {this.state.topNav} 的渲染。我在 state object 的渲染上方添加的鏈接可以翻譯，但是通過 state 傳遞的數組在用戶更改全局語言時不會 ...

如何最小化我必須調用的 useTranslation() 的數量

[英]How to minimize the number of useTranslation() I must call

我目前正在使用 React 和 TypeScript 開發 web 應用程序。對於我的應用程序，我將所有文本保存在 assets/locales 文件夾下的 JSON 文件中，根據使用的語言命名（en.json，jp.json）。然后，我在 App.tsx 中使用 i18next 和 initR ...