在 react-admin 中没有 MenuItemLink 的 primaryText 的翻译

Question

我使用的是自定义用户菜单，但未按预期翻译主文本。 其他组件没有问题。

const MyUserMenu = props => 
    <UserMenu {...props}>
        <MenuItemLink
            to="/configuration"
            primaryText="labels.configuration"
            leftIcon={<SettingsIcon />}
        />
    </UserMenu>

Answer 1

应该用大括号括起来

"{labels.configuration}"

Answer 2

您必须明确翻译它，因为 MenuItemLink 组件目前不负责翻译（顺便说一句，这可能是一个很好的功能请求）。

import { translate, UserMenu, MenuItemLink, translate } from 'react-admin';

const MyUserMenu = translate(({ translate, ...props }) => 
    <UserMenu {...props}>
        <MenuItemLink
            to="/configuration"
            primaryText={translate("labels.configuration")}
            leftIcon={<SettingsIcon />}
        />
    </UserMenu>