ant-design-pro - 翻译 Ant Design Pro Table 默认表的默认操作

Question

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

Answer 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 的操作和工具提示。

希望有帮助!