如何在antd表单中使用react-i18next withNamespaces

npm install antd react-i18next

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

import translationEn from './locales/en/translation.json';
import translationZh from './locales/zh/translation.json';

const resources = {
  en: {
    translation: translationEn
  },
  zh: {
    translation: translationZh
  }
};

i18n
  .use(initReactI18next)
  .init({
    resources,
    lng: 'en',
    fallbackLng: 'en',
    interpolation: {
      escapeValue: false
    }
  });

export default i18n;

{
  "form.name": "Name",
  "form.email": "Email",
  "form.submit": "Submit"
}

import React from 'react';
import { Form, Input, Button } from 'antd';
import { withNamespaces } from 'react-i18next';

class MyForm extends React.Component {
  render() {
    const { t } = this.props;

    return (
      <Form>
        <Form.Item label={t('form.name')}>
          <Input />
        </Form.Item>
        <Form.Item label={t('form.email')}>
          <Input />
        </Form.Item>
        <Form.Item>
          <Button type="primary">{t('form.submit')}</Button>
        </Form.Item>
      </Form>
    );
  }
}

export default withNamespaces()(MyForm);

import React from 'react';
import ReactDOM from 'react-dom';
import { I18nextProvider } from 'react-i18next';
import i18n from './i18n';

import MyForm from './MyForm';

ReactDOM.render(
  <I18nextProvider i18n={i18n}>
    <MyForm />
  </I18nextProvider>,
  document.getElementById('root')
);