如何在 Ant Design Pro 中更改便携式过滤器上的按钮文本语言答案

【问题标题】：How to change button text language on protable filters in Ant Design Pro如何在 Ant Design Pro 中更改便携式过滤器上的按钮文本语言
【发布时间】：2022-08-02 17:56:35
【问题描述】：

我有一个 ant 设计的亲表，我想要应用过滤。但是，过滤器上的操作按钮始终为中文，如附图所示。我想把它们改成英文。我真的很感激任何帮助。

这是我的代码sn-p：

const columns:ProColumns<GithubIssueItem>[]=[
       {      
        dataIndex: \'condition\',
        title: \'Condition\',
        ellipsis: true,
        // valueType: \"select\",
        filters: true,
        onFilter: true,
        valueEnum: {
          all: { text: \"Okay\", status: \"Default\" },
          open: {
            text: \"unresolved\",
            status: \"Error\",
          },
          closed: {
            text: \"resolved\",
            status: \"Success\",
            disabled: true,
          },
          processing: {
            text: \"solving\",
            status: \"Processing\",
          },
        },
      },
    ...
   ]

请提供足够的代码，以便其他人可以更好地理解或重现该问题。
这看起来像是您的本地化问题。确保您当前的语言环境设置为 \'en-US\'（我假设那是您的语言键，因为 ui 的其余部分似乎是英文）。

标签： reactjs antd ant-design-pro

【解决方案1】：

我刚刚找到了 ant design pro 的 ProTable 语言环境的解决方案。在您的 App.js 中：

导入 ant 的配置语言环境：

import {
  ConfigProvider
} from "antd";

import moment from "moment";

import enUS from "antd/lib/locale-provider/en_US";

将 ConfigProvider 包装在 <YOUR_CONTENT/> 之外：

        <ConfigProvider locale={enUS}>
         <YOUR_CONTENT/>
       </ConfigProvide>

在 App.js 之外添加时刻：

moment.locale("en");

Ant Pro 的配置提供程序会在您使用 Ant Design Pro 的每个组件中自动更改中文。

【讨论】：

【解决方案2】：

替代解决方案（其他解决方案对我不起作用）：

import { ConfigProvider } from '@ant-design/pro-provider';

<ConfigProvider
  value={{
    intl: enUSIntl,
  }}
>
  <ProTable />
</ConfigProvider>;

它可以在主文件（例如 app.js）中声明，它会改变所有 pro 组件的语言。 Found here。

【讨论】：