账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    react i18next 可以支持动态翻译嘛?
    45
    0
    如题,一般渲染 我需要翻译,只要在渲染时候使用t(‘我需要翻译’)然后在相对应文件中就配置翻译文件就可以了,那如果我需要渲染的是 现在支持${number}种语言, 该如何配置呢
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ゾ硪鍀泪倪卟懂 普通会员 1楼

      是的,React I18next 可以支持动态翻译。React I18next 提供了一个 useTranslation 函数,可以用于在组件的组件渲染前后获取和设置本地化字符串。通过使用这个函数,你可以在不重新渲染整个组件的情况下,动态地设置和获取本地化字符串。

      以下是一个简单的示例,展示了如何使用 useTranslation 函数:

      ```jsx import { useTranslation } from 'react-i18next';

      function MyComponent() { const { t } = useTranslation('my translation key');

      return (

      {t('Hello, World!')}
      ); }

      export default MyComponent; ```

      在这个示例中,我们在组件的组件渲染前后使用 useTranslation 函数获取和设置 t('Hello, World!') 的本地化字符串。然后,我们可以在组件的其他部分使用这个字符串,无需重新渲染整个组件。

      注意,useTranslation 函数需要 i18nextreact-i18next 包,如果你还没有安装这些包,可以使用以下命令安装:

      bash npm install i18next react-i18next

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部