自定义菜单中的登出按钮没有任何作用。

Question

我有自定义用户菜单

import React from "react";
import { UserMenu, MenuItemLink} from "react-admin";
import SettingsIcon from "@material-ui/icons/Settings";
import jwt from "jwt-decode";

const AdminUserMenu = ({ logout }) => {
    var user = jwt(localStorage.getItem("token"));
    return (
        <UserMenu>
            <MenuItemLink
                to={"/Admins/" + user.id}
                primaryText="Profile"
                leftIcon={<SettingsIcon />}
            />
            {logout}
        </UserMenu>
    );
};

export default AdminUserMenu;


const AdminAppBar = (props) => (
    <AppBar {...props} userMenu={<AdminUserMenu />} />
);

个人资料链接有效。但是注销按钮什么都不做。我怎样才能让它工作，让用户可以注销？

Answer 1

试试这个。

const AdminUserMenu = (props) => {
    var user = jwt(localStorage.getItem("token"));
    return (
        <UserMenu {...props} >
            <MenuItemLink
                to={"/Admins/" + user.id}
                primaryText="Profile"
                leftIcon={<SettingsIcon />}
            />
        </UserMenu>
    );
};