在 react-admin 中没有 MenuItemLink 的主要文本的翻译

Question

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

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

Answer 1

您必须显式翻译它，因为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>

Answer 2

它应该用大括号括起来

"{labels.configuration}"