我已經(jīng)創(chuàng)建了一個 React 上下文來訪問 i18n 翻譯，以及一個名為“t”的函數(shù)來訪問所需的值。它適用于簡單鍵，但不適用于嵌套鍵。這是我的背景：export function I18nProvider({ children }) {  const [locale, setLocale] = useState<Locales>("en");  const translations = { ch, fr, sw, en };  return (    <I18nContext.Provider value={{ translations, locale, setLocale }}>      {children}    </I18nContext.Provider>  );}export function t(key: string) {  const { translations, locale } = useContext(I18nContext);  return useMemo(() => translations[locale][key], [locale, translations, id]);}這里是 t() 在行動：<div>{t("form.username")}</div>;顯然，它不能工作，因為t()返回translations["en"]["form.username"]不正確。我試圖在t()參數(shù)中允許子字段：t("form", "username")并返回translations[locale][key][sub]. 它有效，但是當我使用單個密鑰時失敗了。如何使 t() 通用？我考慮過重新格式化我的 t 參數(shù)，但如果每次翻譯都運行這樣的操作，我擔(dān)心它會影響性能。