我有一个material 用户界面Menu,默认情况下被重新命名为<div>&gt;<ul> <li>.我想把它换成<div> <nav> <a>.

我可以把MenuItem换成<a>.但我找不到办法把<ul>变成<nav>,没有componentprops .material 的用户界面是如此可定制,我确信我错过了一些东西,这是我的错误.

<Menu open={true}>
  <MenuItem component='a'>Profile</MenuItem>
  <MenuItem component='a'>Settings</MenuItem>
  <MenuItem component='a'>Logout</MenuItem>
</Menu>

我也可以使用MenuList API作为Menu的子级,但它只能呈现<ul>以下的另一个级别.

推荐答案

MenuListList组件继承props,您可以使用该组件将ul更改为nav

<Menu
  open={true}
  MenuListProps={{
    "aria-labelledby": "basic-button",
    component: "nav"
  }}
>

Reactjs相关问答推荐

react 派生状态未正确更新

可选链和useState挂钩

无法从正在使用Reaction的Electron 商务store 项目中的购物车中删除项目

为什么登录错误和密码在创建Reaction-Hook-Form后立即被删除?

react -在选项中 Select 我想要显示和图像.但当我 Select 该选项时,我希望控件仅显示该选项的文本部分

生成Reaction Vite应用程序的停靠容器时无法识别环境变量

GitHub页面配置

取消 Select 较高组件中的所有行

如何在我的 React 应用程序中仅显示我的 Register 组件

从 MongoDB createAt 字段中分割精确时间

我发送的 prop 的值不会改变.如果成功登录,导航栏中的 prop 必须为 true.我从后端得到 200 ok

我可以在加载器函数中多次 fetch() 并使用一次 useloaderdata() 提取它吗?

如何在 React 中停止嵌套 Link 和 Button 组件的事件传播?

使用jest如何覆盖对象的模拟?我正在使用`jest.mock()`来模拟对象,并希望 for each 测试用例覆盖模拟.

使用D3.js绘制和展示弦图的右下方象限

React + Redux:数据未正确传递给具有动态路由的组件

Material UI v5.11 - Prop sx 在响应式中写了两次

Github 页面无法正确呈现 CSS,因为它是本地的

如何从 React Redux store 中删除特定项目?

交换键仍然引入了 fresh 的 DOM 元素