伙計(jì)們，我有一個(gè)可重用的組件，它通過(guò)將鍵名作為字符串或綁定的 var 將鍵翻譯成一種選擇的語(yǔ)言。通常我為此使用標(biāo)簽，但由于不同的原因，我將當(dāng)前翻譯切換/替換為 {t('...')}。這是組件的代碼：import React from 'react';import { useTranslation as defaultTranslation } from 'react-i18next';import i18next from 'i18next';export const useTranslation = (ns = 'common', options) => {  return defaultTranslation(ns, {    useSuspense: false,    ...options,  });};export const withTranslation = (Component, ns, options) => {  const TranslatedHOC = (props) => {    const translationProps = useTranslation(ns, options);    return <Component {...translationProps} {...props} />;  };  return TranslatedHOC;};export const getCurrentLanguage = () =>  i18next.language || localStorage.getItem('language') || 'de-DE';首先，我為使用的導(dǎo)入函數(shù)定義常量：const {t} = useTranslation();正常情況：在文件中導(dǎo)入我的組件，我想在其中使用它并在上面添加代碼。我的組件代碼，我想在其中替換標(biāo)簽。// Import React Tableimport ReactTable from 'react-table';import 'react-table/react-table.css';import LocalizedText from '@components/i18n/LocalizedText';class T extends React.Component {  constructor(props) {    super(props);    this.state = {      data: [],      pages: null,      loading: true,    };    this.fetchData = this.fetchData.bind(this);  }  fetchData(state, instance) {    this.props.onFetchData(state, instance).then(() => {      this.setState({        loading: false,      });    });  }  render() {    return (      <ReactTable        {...this.props}        previousText={          <LocalizedText textKey="caseoverview.orderproduct.back" />        }問(wèn)題是，我無(wú)法使用上面引用的代碼而不會(huì)遇到任何有關(guān)無(wú)效掛鉤調(diào)用的問(wèn)題。如果我以某種方式將其移出，則會(huì)收到錯(cuò)誤消息，告訴我我的“t”未定義或意外標(biāo)記。有人可以幫幫我嗎？在線搜索解決方案沒(méi)有任何結(jié)果。