AppBar iconElementRight管理员休息时

Question

我使用的是https://marmelab.com/admin-on-rest/Theming.html#using-a-custom-layout中的示例。

添加了一个新的IconMenu，如下面的代码片段所示。未显示右菜单图标。通过从不同的表单调用它来测试组件，并且它可以工作。但是，将其集成到AppBar中并不起作用。

看起来要么是样式，要么是其他东西干扰了它。

有没有人有这样的菜单，可以很好地处理AppLayout定制？

​

const styles = {
    // Snipped rest of the styles from example
    loader: {
        position: 'absolute',
        top: 0,
        right: 50,
        margin: 16,
        zIndex: 1200,
    },

    iconMenu: {
        position: 'absolute',
        top: 0,
        right: 0,
        margin: 16,
        zIndex: 1200,
    },
};

const AppBarMenu = (props) => (
    <IconMenu {...props}
        iconButtonElement={
            <IconButton><MoreVertIcon /></IconButton>
        }
        targetOrigin={{horizontal: 'right', vertical: 'top'}}
        anchorOrigin={{horizontal: 'right', vertical: 'top'}}
    >
        <MenuItem primaryText="Settings" />
        <MenuItem primaryText="About" />
        <MenuItem primaryText="Sign out" />
    </IconMenu>
);

AppBarMenu.muiName = 'IconMenu';

<AppBar title={title} iconElementRight={<AppBarMenu style={styles.iconMenu} />} />

​

Answer 1

在https://github.com/marmelab/admin-on-rest/issues/525中使用的建议

引用上面的网址:如果任何人想在标题栏按钮，他们将不仅有一个自定义布局，但从管理员复制AppBar.js到他们的项目，并导入。在AppBar.js内部，iconElementRight在MuiAppBar标记内部工作，但不在Layout.js内部工作。