如何在Ant Design表格中为自定义列按钮应用i18nNext翻译？

你只需要在自定义渲染的函数里直接调用i18nNext的t函数即可，具体操作步骤如下：

1. 确保组件已引入并使用useTranslation Hook
   在你的表格组件文件顶部引入useTranslation，并在组件内部获取t函数：

import { useTranslation } from 'react-i18next';

const MyTable = () => {
  const { t } = useTranslation();
  // 其他组件逻辑...
};

2. 修改自定义列的render逻辑
   将原render中的硬编码文本"Download Now"替换为t('你的翻译key')，示例代码如下：

{
  key: "url",
  render: (_, data) => (
    <a href={data.url} target="_blank" rel="noreferrer">
      {t('template.downloadNow')}
    </a>
  )
}

3. 在翻译文件中添加对应key的多语言内容
   比如在英文翻译文件（如en.json）中补充：

{
  "template": {
    "downloadNow": "Download Now"
  }
}

在中文翻译文件（如zh.json）中补充：

{
  "template": {
    "downloadNow": "立即下载"
  }
}

完成以上操作后，自定义渲染列的文本就能随语言切换自动翻译了。

内容的提问来源于stack exchange，提问作者CCCC