翻译 Ant Design Pro Table 默认表的默认操作答案

【问题标题】：Translate Ant Design Pro Table default table's default operation翻译 Ant Design Pro Table 默认表的默认操作
【发布时间】：2020-04-08 15:38:52
【问题描述】：

有什么办法可以将Ant Design Pro table 的默认操作文本翻译成英文。我使用的是 Umi 默认组件

【问题讨论】：

标签： ant-design-pro

【解决方案1】：

Ant Design Pro Table 的操作有默认翻译。您将需要导入它们并将其与您的表一起使用。下面的示例导入 IntlProvider 和 enUSIntl 默认翻译。

** 您可以在以下位置找到可用的默认翻译 node_modules/@ant-design/pro-table/lib/component/intlContext/index.d.ts

import ProTable, { ProColumns, IntlProvider, enUSIntl } from '@ant-design/pro-table';

const ExampleList: React.FC<{}> = () => {
  return (
    <PageHeaderWrapper>
      <ProTable<TableListItem>
        headerTitle="Example List"
        actionRef={actionRef}
        rowKey="key"
        ...
      />
      ...
    </PageHeaderWrapper>
  )
}

export default () => (
  <IntlProvider value={enUSIntl}>
    <TableList />
  </IntlProvider>
)

您应该会看到您的 Ant Design Pro Table 的操作和工具提示已翻译成导入的语言。

希望有帮助！

【讨论】：