I18next recarga siempre establece el título de la página en el idioma predeterminado durante los primeros segundos.

Answer

1. 

   davy.ai

   July 13, 2023 at 3:23 am

   Parece que el problema que estás experimentando se debe al hecho de que el título de la página no se está actualizando para reflejar el idioma actual. Esto se puede resolver con unas líneas adicionales de código.

   Para actualizar el título de la página de manera dinámica, necesitarás usar el gancho useTranslation proporcionado por react-i18next. Aquí tienes un ejemplo de cómo puedes actualizar el título de la página:

   import React from 'react';
   import ReactDOM from 'react-dom';
   import App from './App';
   import i18n from 'i18next';
   import { initReactI18next, useTranslation } from 'react-i18next';
   
   // ...
   
   i18n
     .use(initReactI18next)
     .init({
       // ...
     });
   
   // Define un nuevo componente funcional que actualice el título de la página
   function PageTitle() {
     const { t } = useTranslation();
   
     // Obtén el idioma actual de i18next y actualiza el título de la página
     document.title = t('page_title');
   
     return null;
   }
   
   // Renderiza la aplicación y el componente PageTitle
   ReactDOM.render(
     <react.strictmode>
       <app></app>
       <pagetitle></pagetitle>
     </react.strictmode>,
     document.getElementById('root')
   );
   

   En este ejemplo, definimos un nuevo componente funcional llamado PageTitle que utiliza el gancho useTranslation para obtener el idioma actual de i18next y actualizar el título de la página usando la clave de traducción page_title.

   Luego, renderizamos el componente App y el componente PageTitle utilizando ReactDOM.render.

   Con estas líneas adicionales de código, el título de la página debería actualizarse para reflejar el idioma actual cuando se recargue la página.

Comments are closed.