react 国际化 react-i18next

import React from ‘react‘;
import ReactDOM from ‘react-dom‘;
import i18n from ‘i18next‘;
import { useTranslation, initReactI18next } from ‘react-i18next‘;
import langCN from ‘./langCN.js‘
import langEN from ‘./langEN.js‘

i18n
  .use(initReactI18next) // passes i18n down to react-i18next
  .init({
    // the translations
    // (tip move them in a JSON file and import them)
    resources: {
      en: {
        translation: langEN
      },
      zh: {
        translation: langCN
      }
    },
    lng: ‘en‘,
    fallbackLng: ‘en‘,

    interpolation: {
      escapeValue: false
    }
  });

function App() {
  const { t } = useTranslation();
  React.translate = t;
  return (
    <Provider store={store}>
        <HashRouter>
          <LocaleProvider locale={zhCN}>
            <Main />
          </LocaleProvider>
        </HashRouter>
    </Provider >
  );
}
ReactDOM.render(
  <App />
  ,
  document.getElementById(‘app‘)
);