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

希望有帮助！