翻译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的操作和工具提示翻译成导入的语言。

希望有帮助！