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




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 实现中英文切换

评论已关闭

推荐阅读