如何在Antdesign + React.js应用中添加自定义翻译

const zh_CN = {
  // 在这里添加自定义的翻译内容
  // 例如：
  'app.title': '我的应用',
  'app.button.submit': '提交',
  // ...
};

export default zh_CN;

import zh_CN from './locales/zh_CN';
import { ConfigProvider } from 'antd';
import { IntlProvider, addLocaleData } from 'react-intl';
import zh from 'react-intl/locale-data/zh';

addLocaleData([...zh]);

ReactDOM.render(
  <ConfigProvider locale={zh_CN}>
    <IntlProvider locale="zh" messages={zh_CN}>
      <App />
    </IntlProvider>
  </ConfigProvider>,
  document.getElementById('root')
);

import { Button } from 'antd';

const MyComponent = () => {
  return (
    <Button type="primary">
      {formatMessage({ id: 'app.button.submit' })}
    </Button>
  );
};