相关疑难解决方法(0)

我在项目中使用 Material-UI 和 React-window。我的问题是，当该元素位于反应窗口虚拟化列表中时，material-ui 菜单组件不会锚定到所提供的元素。该菜单将出现在屏幕的左上角，而不是固定在打开它的按钮上。当在非虚拟化列表中使用它时，它会按预期工作。菜单正确地锚定到打开它的按钮。

这是一个沙箱示例。沙箱非常具体于我如何使用相关组件。

有关如何解决此问题的任何指导吗？

我正在开发一个带有 React 的 Web 应用程序项目。我在导航栏上使用了 Material ui。对于移动设备，右侧有一个显示更多图标。但是当我打开它时，弹出窗口在左侧打开并显示错误 Material-UI：anchorEl提供给组件的道具无效。我想要它在右上角。但做不到。我应该怎么办？

这是代码

import React, { useState } from 'react';
import './Navbar.css'
import { useScrollTrigger, Slide, AppBar, Toolbar, IconButton, makeStyles, Divider, List, ListItem, ListItemIcon, ListItemText, Hidden, Drawer, useTheme, Menu, MenuItem } from '@material-ui/core';
import MenuIcon from '@material-ui/icons/Menu';
import InboxIcon from '@material-ui/icons/MoveToInbox';
import MailIcon from '@material-ui/icons/Mail';
import MoreIcon from '@material-ui/icons/MoreVert';
import Logo from '../../images/logo.png';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faGithub, faLinkedinIn } from '@fortawesome/free-brands-svg-icons';

const drawerWidth = 240;

const useStyles …