reactjs - 如何修复菜单材质-ui的阴影

Question

当我使用一些图标菜单时，box-shadow 看起来很暗。如何解决？ 1：

Codesandbox 示例https://codesandbox.io/embed/flamboyant-tdd-r83u1

   <div>
      {items.map((item, index) => {
        return (
          <Fragment key={index}>
            <IconButton
              aria-owns={open ? "long-menu" : undefined}
              onClick={this.handleClick}
            >
              <MoreVertIcon />
            </IconButton>
            <Menu anchorEl={anchorEl} open={open} onClose={this.handleClose}>
              {options.map(option => (
                <MenuItem key={option} onClick={this.handleClose}>
                  {option}
                </MenuItem>
              ))}
            </Menu>
          </Fragment>
        );
      })}
    </div>

标签： reactjsmaterial-ui

Answer 1

因为，实际上您同时触发了具有相同标志的多个菜单。所以阴影很暗，因为有多个菜单一个接一个。