reactjs - 如何打开锚定到 div 的 Material UI 菜单?
问题描述
我不想让菜单响应按钮。我希望它永远存在。我正在努力:
import React, { useState, createRef } from 'react';
import { Box, Menu, MenuItem } from '@material-ui/core';
const DEFAULT_ELEVATION = 2;
interface ITypeSelector {
title: string;
description: string;
documentId: string;
selected?: boolean;
disabled: boolean;
}
export default function Prediction({
title,
description,
documentId,
selected,
disabled
}: ITypeSelector) {
const boxEl = createRef<HTMLElement>()
const predictions = ['a', 'b', 'c']
return (
<span ref={boxEl}>
<Menu
id="simple-menu"
anchorEl={boxEl}
keepMounted
open={true}
// onClose={handleClose}
>
{predictions.map((prediction, idx) => <MenuItem key={idx}>{prediction}</MenuItem>)}
</Menu>
</span>
);
}
但是菜单挂在左上角(不是我想要的下方或跨度)。
我究竟做错了什么?
解决方案
推荐阅读
- java - 实体和 DTO 之间的层
- amazon-web-services - 有没有办法使用 aws-sdk-go 验证 aws 帐户的凭据
- python - 如何从行中删除重复项并将其值转换为熊猫中的列
- android - 错误:实体和 POJO 必须具有可用的公共构造函数
- sql - 优化查询以检查计数是否 = 子选择中所有匹配项的计数
- powershell - PowerShell 子字符串“字符串长度之外的索引”
- eclipse-plugin - Eclipse 的 ADT 插件在 2020 年仍然有效吗?
- javascript - 创建一个列表元素并使用用户的输入为它着色(使用 javascript)
- c# - C# HTML 表的输出格式不正确
- powershell - 仅当路径有空格时,使用 Raw 非参数获取内容错误