typescript - 名称 : ' XXX |||| XXXs' , 在 i18n 中意味着什么？

Question

此代码来自 recat-admin demo国际化翻译，

     invoices: {
        name: 'Invoice |||| Invoices',
        fields: {
            date: 'Invoice date',
            customer_id: 'Customer',
            command_id: 'Order',
            date_gte: 'Passed Since',
            date_lte: 'Passed Before',
            total_gte: 'Min amount',
            address: 'Address',
        },
    },

你能解释一下这一行的含义吗？

name: 'Invoice |||| Invoices'

我从来没有遇到过这样的带有 |||| 的代码

谢谢:)

Answer 1

react-admin 使用 Polyglot作为其默认的 i18n 提供商。这是定义消息的单数和复数形式的方式:

名称:'单数||||复数'

在某些语言中，您可能需要两个以上的变体:

名称:'WhenZero ||||当一个|||| WhenMoreThanOne'

在react-admin中，您可以调用useTranslate钩子(Hook)来获取translate函数。该函数接受 2 个参数:

• 翻译键
• 要在翻译后的消息中插入的变量对象。

如果您阅读多语言文档，您会发现可以在第二个参数中传递一个特殊变量，称为 smart_count。多语言使用此变量返回消息的正确复数形式。

react-admin 使用此功能来获取正确的标题。对于资源名称，我们在列表页和菜单项中显示复数版本，在创建、编辑和显示中显示单数版本。