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

Posted 2023-03-07

【中文标题】翻译 Ant Design Pro Table 默认表的默认操作

【英文标题】：Translate Ant Design Pro Table default table's default operation

【发布时间】：2020-04-08 15:38:52

【问题描述】：

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

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

希望有帮助！