翻译react-admin网络错误通知

Question

我尝试在 API 引发异常时显示自定义翻译的通知。

默认情况下，当收到 409 冲突响应时，

react-admin

显示带有文本“冲突”的红色通知（请参阅随附的屏幕截图）。

如何翻译此消息？

Answer 1

React-admin 通过其

translate

函数传递服务器错误消息，该函数依赖于

i18nProvider

（请参阅 React-admin 文档中的翻译章节）。

因此，如果您的服务器返回的错误消息是有效的翻译消息（例如“server.create_error.conflict”）并且您使用 Polyglot 作为 i18nProvider，则只需在消息中包含以下翻译：

{
  server: {
    create_error: {
       conflict: 'Impossible to create element: email already exists'
    }
  }
}

有关更多详细信息，请参阅混合接口和域翻译。

Answer 2

这就是我所做的，它对我有用。

• 从服务器，API 抛出错误 -

  err.login.duplicate

• 在react-admin中，err.js文件有以下内容：

export const err = { 登录：{ 重复：“电子邮件已在使用中” } }

• 请注意，我必须编写自己的 fetchJson 才能读取错误对象并将其扔给用户。阅读更多这里

• 这样，react-admin 会抛出“电子邮件已在使用中”错误。