如何使用react-i18next翻译组件中的字符串？

npm install react-i18next i18next --save

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';

i18n
  .use(initReactI18next)
  .init({
    resources: {
      en: {
        translation: {
          // 英文语言包
          // 可以在这里定义需要翻译的字符串
        }
      },
      zh: {
        translation: {
          // 中文语言包
          // 可以在这里定义需要翻译的字符串
        }
      }
    },
    lng: 'en', // 默认语言
    fallbackLng: 'en', // 如果当前语言包中找不到翻译，将回退到默认语言
    interpolation: {
      escapeValue: false // 不转义特殊字符
    }
  });

import React from 'react';
import { useTranslation } from 'react-i18next';

function MyComponent() {
  const { t } = useTranslation();

  return (
    <div>
      <p>{t('helloWorld')}</p>
    </div>
  );
}

en: {
  translation: {
    helloWorld: 'Hello, World!'
  }
},
zh: {
  translation: {
    helloWorld: '你好，世界！'
  }
}