Para trocar o idioma do conteĂșdo exibido na tela
Abra o arquivo da pågina que vai adicionar o componente de mudança de idioma; Importe :
import { useTranslation } from "react-i18next";
import { LangSwitcher } from "../../components/LangSwitcher";
Instancie o useTranslation como t :
const { t } = useTranslation();
Troque os textos estĂĄticos por sua referĂȘncia que estĂĄ no arquivo i18n.js: i18n.js
errorLogin1: "Invalid email or password",
(...)
errorLogin1: "Email ou senha invĂĄlidos",
index.js
setErros("Email ou senha invĂĄlidos"); â setErros(t("errorLogin1"));
Adicione o componente do LangSwitcher na pĂĄgina:
<LangSwitcher/>
PRONTO!
=========================================================================================
# yarn
yarn
# npm
npm install
# pnpm
pnpm install
# yarn
yarn dev
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn build
# npm
npm run build
# pnpm
pnpm build