React 结合 react-i18next 实现中英文切换

作者：System 时间：2024年08月16日分类：所有,react native 字数：623

这篇文章距离上次修改已过190天，其中的内容可能已经有所变动。




import React from 'react';
import { useTranslation, Trans } from 'react-i18next';
 
function LanguageToggle() {
  const { t, i18n } = useTranslation();
 
  const changeLanguage = (lang) => {
    i18n.changeLanguage(lang);
  };
 
  return (
    <div>
      <button onClick={() => changeLanguage('en')}>English</button>
      <button onClick={() => changeLanguage('es')}>Español</button>
    </div>
  );
}
 
export default LanguageToggle;

这段代码使用了React的函数组件和Hooks API (useTranslation) 来实现一个简单的语言切换功能。用户可以通过点击按钮来切换应用程序的语言。i18n.changeLanguage 方法用于改变当前的语言配置。这个例子展示了如何在React应用中实现语言的动态切换。

React 结合 react-i18next 实现中英文切换

评论已关闭

推荐阅读