React -从嵌套菜单关闭MUI抽屉
React是一种用于构建用户界面的JavaScript库。它提供了一种声明式的、高效的、可组合的方式来构建用户界面，使开发人员能够轻松地构建可交互的用户界面。React的核心思想是组件化，通过将UI拆分为独立、可复用的组件，可以更好地管理和组织代码。
对于从嵌套菜单关闭MUI抽屉的问题，首先我们需要了解MUI抽屉是指Material-UI库中的抽屉组件。Material-UI是一款基于React的开源UI组件库，提供了一套符合Google Material Design规范的UI组件，方便开发人员快速构建美观且易于使用的用户界面。
要从嵌套菜单关闭MUI抽屉，可以使用以下步骤：
- 确保你已经在项目中安装了MUI库，并正确引入了抽屉组件。
- 在你的React组件中，使用state来管理抽屉的打开与关闭状态。例如，在组件的构造函数中初始化state：
this.state = { isOpen: false }。 - 在渲染方法中，将抽屉组件放在适当的位置，并根据state中的isOpen值决定是否显示抽屉。例如：
- 在渲染方法中，将抽屉组件放在适当的位置，并根据state中的isOpen值决定是否显示抽屉。例如：
- 在上面的代码中，通过设置
open属性为this.state.isOpen来控制抽屉的显示与隐藏。当点击打开按钮时，将isOpen状态设置为true，抽屉将显示；当点击抽屉的关闭按钮或其他关闭事件时，将isOpen状态设置为false，抽屉将隐藏。 - 根据需求，在抽屉组件中定义适当的操作来执行关闭抽屉的动作。例如，在抽屉组件的内容中添加关闭按钮：
- 根据需求，在抽屉组件中定义适当的操作来执行关闭抽屉的动作。例如，在抽屉组件的内容中添加关闭按钮：
- 在上面的代码中，通过
this.props.onClose来调用外部传入的关闭函数。
以上是一种基本的方式来从嵌套菜单关闭MUI抽屉。具体的实现方式可能因项目结构和需求而有所不同。如果您需要更详细的信息和示例代码，可以参考Material-UI的官方文档（https://mui.com/components/drawers/）中的抽屉部分，以及相关示例和指南。
相关·内容
1回答
我想根据抽屉移动的方向从Form.jsx中移出内容。当我点击菜单图标时，抽屉将被展开，但身体内的内容不能根据抽屉移动。如何使它在这里启用？
在点击抽屉菜单之前：
在点击抽屉菜单后：
代码如下：
Form.jsx
import { styled } from '@mui/material/styles';
import Box from '@mui/material/Box';
const DrawerHeader = styled('div')(({ theme }) => ({
display: '
浏览 14提问于2022-06-05得票数 1
1回答
我开发了以下代码，灵感来自于在网络上多次尝试创建React中嵌套的顶部菜单。除了选择递归菜单中的最后一项外，代码是按预期运行的，它只关闭一个级别的菜单，其余的菜单仍然显示。按菜单外几次，最终会关闭所有菜单。一旦用户选择树中的最后一个菜单项，是否有一种关闭所有子菜单的方法？
// menuItems.js
export const menuItems = [
{
title: "Home",
},
{
title: "Services",
submenu: [
{
title: "web d
浏览 1提问于2022-09-03得票数 2
回答已采纳
1回答
我有一份带有持久抽屉的申请。抽屉中包含连接到其他各种组件的线路。
通常，抽屉本身工作正常，但当抽屉打开或关闭时，加载的组件不会调整大小。
在mui上的示例中，这个功能是在样式的主组件中实现的。意味着内容与抽屉位于同一个组件中。这在我的应用程序中是不同的，在我的应用程序中，我有一个包含路径的索引文件，一个带有抽屉的导航条文件，以及其他包含它们各自文件的组件。
那么，如何使用加载的组件实现这个调整大小呢？
index.tsx
import React from "react";
import ReactDOM from "react-dom";
import { B
浏览 1提问于2021-11-05得票数 1
1回答
在这个MUI应用程序栏/抽屉上，我添加了一个MUI菜单来编辑配置文件，并在div上添加了一个锚。它位于右上角。我喜欢能够点击用户名或配置文件图标弹出菜单。因为某种原因菜单永远不会消失。我已经尝试在回调中添加console.log。它显示打开的回调是在关闭的回调之后调用的。有人能解释一下为什么和如何关闭菜单吗？
下面是我的代码，以及关于Codesandbox的完整项目：
import React from "react";
import Box from "@mui/material/Box";
import Grid from "@mui/ma
浏览 4提问于2022-10-13得票数 0
回答已采纳
我有2页，第一个Appbar.js，我有我的顶部应用程序条和导航菜单图标按钮，当我按下，我希望我的抽屉(材料UI)在TempDrawer.js显示。
当我将所有代码都放在Appbar.js文件中时，它起了作用，但我想以某种方式将这两个页面链接起来，使Appbar.js中有按钮，但函数并返回到TempDrawer.js中。
这是因为我将TemporaryDrawer()称为另一个文件中的标记(<TemporaryDrawer/>)。
Appbar.js：
import * as React from 'react';
import Box from '@mui
浏览 7提问于2022-02-05得票数 1
回答已采纳
2回答
我用特定的宽度调整了我的MUI样本抽屉的大小。我现在面临的问题是，在调整抽屉大小后，我还有一个额外的空间，这样就省去了带有“边距”空格的lorem ipsum的文本内容。我想使文本尽可能接近抽屉，即使在调整抽屉大小之后。总之，我想删除这个剩余的空间，但我不知道在哪里编辑它的框或容器。
梅花抽屉调整大小：
需要删除的额外空间(通过农药铬扩展突出显示的行)：
抽屉示例源代码：
import * as React from "react";
import Box from "@mui/material/Box";
import Drawer from
浏览 2提问于2022-08-07得票数 0
回答已采纳
我正在尝试在React中使用MUI的Drawer组件构建一个响应式侧边抽屉。我使用的是MUI版本4.12.1。 在mui.com example上，它们使用sx属性并传入一个对象，并将其显示设置为一些不同的屏幕宽度依赖值。 但是，当我在App.js文件中使用以下代码时： <Drawer
variant="permanent"
sx={{
display: { xs: 'none', sm: 'none' },
}}
open
>
Hello There
</Drawer> 抽屉仍然出现。当我简
浏览 49提问于2021-10-01得票数 2
回答已采纳
我正在遵循这个脉轮医生如何创建一个抽屉滑块菜单：
使用以下组件：
import React from "react"
import ReactDom from "react-dom"
import {
Drawer,
DrawerBody,
DrawerFooter,
DrawerHeader,
DrawerOverlay,
DrawerContent,
DrawerCloseButton,
useDisclosure ,
Button,
Input,
IconButton
浏览 10提问于2021-12-21得票数 0
我使用的是来自Wix V1的react native 0.56.0和React Native导航。在React原生导航中，有一个选项可以启用抽屉。现在，如果用户在抽屉菜单中选择某个选项或在抽屉外单击，则可以关闭抽屉，但我想在X按钮上单击关闭抽屉。有没有人找到了这样做的方法？
浏览 0提问于2018-09-26得票数 2
我正在尝试通过我的react-native应用程序中的react-native-safe-area-context库来实现SafeAreaProvider和SafeAreaView。我的反应导航版本是5。
我遵循了react导航中提供的文档，在SafeAreaProvider中打包了我的NavigationContainer。在我的视图中，我插入了SafeAreaView。但我的抽屉还是占满了我整个屏幕的空间。
我需要如何保存我的抽屉：
你能告诉我如何让SafeAreaView在我的菜单抽屉里工作吗？
我将我的项目放在中，这样他们就可以看到整个项目。
非常感谢你提前！
浏览 0提问于2021-01-04得票数 0
2回答
我有一个MUI折叠器组件，我在其中呈现了另一个名为NotificationsMenu的组件。NotificationsMenu是一个MUI Popover组件。 我想将Popover锚定到抽屉组件上，这样Popover将相对于抽屉定位，抽屉可以是打开的(240px宽度)或关闭的(66px宽度)。 我想我应该使用ref来完成这个任务。如果我有对抽屉(父组件)的引用，我可以使用它来为Popover设置Anchor： // NotificationsMenu.tsx
const NotificationsMenu = (props, ref) => {
console.log(prop
浏览 25提问于2021-10-03得票数 0
我正在使用ReactJS，我正在尝试在每个页面上显示我的不同路线(显然)。
因此，我在我的index.js中配置了不同的路由，使用react router@V6。我可以通过在URL中直接输入链接来访问我的页面，并查看内容(暂时是一个简单的文本)。
但由于某种原因，我无法显示我的资料UI抽屉(在每页)。然而，我在BrowserRouter中给我的抽屉打电话。我想我错过了一些重要的事情。
下面是我创建抽屉的代码：
//src/pages/navigation/menuDrawer.js
import {React, useState, useEffect} from 'react'
浏览 1提问于2022-03-18得票数 0
回答已采纳
我正试图使用“useNavigate”导航到另一个网页。我收到下面的错误信息，我不太明白我做错了什么。有人能告诉我吗？
import React from 'react';
import AppBar from '@mui/material/AppBar';
import Box from '@mui/material/Box';
import Toolbar from '@mui/material/Toolbar';
import Typography from '@mui/material/Typography'
浏览 3提问于2022-01-27得票数 1
回答已采纳
我使用react-native-router-flux作为导航系统，使用react-native-drawer作为侧边栏。如果用户点击侧边栏中的菜单项，我希望将用户重定向到不同的屏幕并关闭抽屉。我使用了下面的代码片段。
Actions.refresh({key: 'drawer', open: false})关闭抽屉
用于打开第二页的Actions.pageTwo.call()
如果我在不同的函数中使用它，两者都可以正常工作。但是，如果我从同一个函数中触发这两个代码片段。它不起作用。
提前谢谢你，
浏览 45提问于2016-08-11得票数 1
回答已采纳
1回答
我有一个基本部件。使用sx，我尝试添加样式，但它们不是添加到抽屉中，而是添加到它的父块中，因此样式没有应用。我做错了什么？谢谢。
import React from "react";
import Typography from "@mui/material/Typography";
import Drawer from "@mui/material/Drawer";
export const Menu= () => {
return (
<Drawer
variant="permanent"
浏览 8提问于2022-02-07得票数 0
回答已采纳
1回答
在Next.js框架中，我希望将MUI提供的剪裁抽屉应用于全局/每个页面，因此我将组件添加到_app.tsx文件中，如下所示：
import '../styles/globals.css'
import type { AppProps } from 'next/app'
import ClippedDrawer from '../src/ClippedDrawer'
function MyApp({ Component, pageProps }: AppProps) {
return <>
<ClippedDra
浏览 1提问于2022-05-31得票数 0
2回答
我创建了一个抽屉菜单使用DrawerNavigation功能的反应导航。我想要创建一个按钮来关闭菜单，但是onPress函数似乎无法工作。
我从“react导航-抽屉”导入了DrawerActions，并尝试使用不同的语法
(前)this.props.navigation.dispatch(DrawerActions.closeDrawer())；this.props.navigation.closeDrawer()；
import React, { Component } from 'react';
import {
Image,
StyleSheet,
浏览 0提问于2019-07-25得票数 1
回答已采纳
我正在发现ReactJS和material ()。
我试图为我的应用程序创建一个默认模板。我想在分离的组件中使用AppBar和LeftNav (在新版本中在抽屉中重命名)。
默认情况下，AppBar上有一个菜单按钮。我想使用它来打开LeftNav，但是我不知道如何调用LeftBarComponent组件函数来打开它。
我几乎已经理解了如何在组件之间进行通信，但在我的例子中，我不知道该如何做，因为没有关于它的文档。我知道打开LeftNav元素的唯一方法是使用LeftNav.toggle()
谢谢你的帮助。
Default.jsx
use strict';
var React = re
浏览 0提问于2015-02-24得票数 21
回答已采纳
我已经创建了一个带样式的MuiDrawer组件，因此我可以为该组件添加一些自定义样式。我想使用temporary变体，但抽屉打不开。当我将折叠器变量设置为permanent时，折叠器就会显示出来。所以很可能是open属性的传递导致了错误。当我使用MUI中的默认抽屉组件时，temporary变体可以工作：
// demo.tsx
import * as React from 'react';
// import Drawer from '@mui/material/Drawer';
import {Drawer} from './styles';
浏览 3提问于2021-11-02得票数 1
1回答
在我的React应用程序中有一个Navbar组件，当屏幕很小时，它会显示一个Sidebar组件。我在抽屉里用了资料界面来显示侧边栏。我的问题是，只要点击汉堡图标，抽屉就会打开。但当点击链接时，甚至在边栏之外，它都不会关闭。
如何解决这个问题？我做错了什么？这是我的密码。
Navbar.js
import React, { useContext, useEffect, useState } from "react";
import "./navbar.css";
import Sidebar from "./Sidebar";
import { N
浏览 1提问于2022-07-14得票数 5
回答已采纳
我在菜单下面创建了一个抽屉，它打开了另一个抽屉，但是如果打开了第一个抽屉，然后单击关闭的焦点，但是如果两个抽屉是打开的，那么如果我单击“不对焦”，它就不会关闭。
为此，我将使用本机基本抽屉，并希望从服务器动态添加菜单中的项
抽屉通常是开着的，但如果我在另一个抽屉里打开两个抽屉，它们就不关了。
浏览 0提问于2019-04-30得票数 0
回答已采纳
我有下面的MenuList组件，我想在该组件上测试key down事件。
组件
import MenuItem from '@material-ui/core/MenuItem';
import MenuList from '@material-ui/core/MenuList';
import * as React from 'react';
export default function App() {
return (
<div>
<MenuList autoFocusItem={true}>
浏览 5提问于2020-02-27得票数 1
1回答
我一直在寻找修改/包含导入材料UI抽屉宽度的方法，.My的想法是，这是类型底部，而不是占用整个屏幕的宽度。
我能够改变宽度的顶部使用sx。但当它继续扩张时，它继续占据整个屏幕。
抽屉扩大和未扩大
以下是组件代码：
import "../sheets/Drawer3.module.css";
import "../sheets/Drawer3.css";
import * as React from 'react';
import PropTypes from 'prop-types';
import { Global } f
浏览 10提问于2022-11-12得票数 0
回答已采纳
1回答
我已经在我的React.JS项目的索引中使用MUI创建了一个主题。当我尝试将我的样式应用于我的Appbar时，主题没有正确地修改菜单按钮或菜单本身。该按钮看起来是通用默认的，当它与Appbar本身的颜色匹配时，菜单仍然是白色的。
我的index.tsx看起来是这样的：
import React from "react";
import ReactDOM from "react-dom";
import AppbarTop from "./AppbarTop";
import { Router } from "react-router
浏览 7提问于2021-10-02得票数 6
回答已采纳
1回答
我一直在学习一门关于反应的在线课程，但它有点过时了，我一直在努力学习所有的课程来理解解释的概念，同时应用新的语法，而不是视频中显示的语法。我一直或多或少的管理，但现在我被困，因为，在添加了反应路由器的web应用程序，我的网页不再呈现。没有错误，也没有警告，无论我看上去有多大，我似乎都找不到错误。我现在的主语是这样的：
import React from 'react';
import Header from './header';
import MyPlacesList from './myplaceslist.js';
import Foote
浏览 10提问于2022-01-11得票数 1
2回答
我有一个组件，它在抽屉标签之外，但它在NavigationContainer中。所以我使用react中的useRef来获取navigate方法。 所以我使用这个例子：Navigating without navigation prop 但是现在，我不能获得抽屉的状态(它是打开的还是关闭的)。 下面是我的App组件： import 'react-native-gesture-handler';
import React from 'react';
import { createStore, applyMiddleware } from "redux
浏览 21提问于2020-11-04得票数 0
回答已采纳
我正在使用React-Navigation，我想要一个底部的选项卡菜单和一个抽屉菜单。经过一些摆弄，我猜我是接近了，但有点卡住了。不管怎样，下面是我的代码：
import { createStackNavigator,
createAppContainer,
createBottomTabNavigator,
createDrawerNavigator
} from 'react-navigation';
//import my screens... etc
class HomeScreen extends React.Component {
//O
浏览 1提问于2019-04-09得票数 1
2回答
我正在创建一个反应本机应用程序，并将其用于导航反应导航。
我试图得到以下行为：
有主抽屉菜单，如果我从抽屉导航到一个项目，抽屉应该关闭，导航到现场，并有相同的肚脐在抽屉中的所有项目。在一项中，我有一个选项卡导航器。
我实际的实现，唯一的问题是:抽屉没有关闭的项目点击。有什么建议吗？
如果我从一个场景导航到另一个场景(这个场景不是一个抽屉项目)，我可以导航到那个场景，但是我的标题(导航栏)没有改变，我没有后退按钮。有什么建议吗？
这是我目前所做的，但并没有像预期的那样起作用。
import React from "react";
import {
createStackNav
浏览 3提问于2018-05-18得票数 3
1回答
index.tsx
const router = createBrowserRouter([
{
path: "/",
element: <Home />,
errorElement: <ErrorPage />,
},
{
path: "about",
element: <About />,
},
{
path: "speaker",
element: <Speaker />,
},
]);
ReactDOM.cre
浏览 8提问于2022-11-13得票数 1
回答已采纳
我想使用react-native创建一个动态的抽屉菜单导航。所有菜单项都是从一个json文件中列出的。
提前感谢！
浏览 0提问于2020-01-11得票数 0
1回答
我是第一次接触React-native。所以我对导航了解不多。当我点击我的图像时，我需要打开我的抽屉侧菜单。我在函数中调用了我的抽屉。
const Drawer = createDrawerNavigator();
function TopBar(props) {
function sideMenuHandler() {
return (
<NavigationContainer>
<Drawer.Navigator>
<Drawer.Scr
浏览 17提问于2021-11-27得票数 0
1回答
目标是从material ui下拉菜单中打开delete选项modal。 第一步是理解如何简单地从下拉列表中选择一项，然后根据选择的项触发某种形式的操作(打开模式)。 material UI docs似乎都提供了一些示例，在这些示例中，onClick只处理菜单的关闭。似乎很少有从下拉菜单中选择一些东西，然后从那里打开/做事情的例子？ 我看不出我应该在哪里插入逻辑/事件处理来处理‘如果用户选择了选项x，在材料ui菜单的上下文中打开关于选项x的模式’。 这是我的代码，用来显示我当前所在的兔子洞： import * as React from 'react';
import Ico
浏览 36提问于2021-10-05得票数 0
在MUI Dropdown中使用components library。
在Storybook内部运行库，它工作得很好。
使用不同React项目中的组件，设计就会受损。
下拉标签有top: 60px，它不应该，菜单上的项目悬停有错误的background color，菜单有额外的padding-bottom等等。
检查(例如:标签)它有这个makeStyles class
.makeStyles-root-12 {
top: 60px;
}
在更新组件库中的MUI版本后，会发生此错误行为：
"@emotion/react": "^11.8.1",
浏览 8提问于2022-06-01得票数 0
我试图建立一个嵌套网格，它有两个div，一个在左边，另一个在右边，在左边的div中，我想要一个网格系统，在那里我想添加自定义的行间距，但是没有添加任何与行间距有关的内容，MUI给了我行间距，什么会导致这个问题呢？
import React from 'react'
// MUI
import Box from '@mui/material/Box'
import Container from '@mui/material/Container'
import Grid from '@mui/material/Grid'
impo
浏览 7提问于2022-05-02得票数 1
回答已采纳
我使用资料界面抽屉来隐藏/显示屏幕右侧的内容。当抽屉打开时，它应该缩小右边的内容(不重叠)。我正在从一个变量中设置抽屉宽度值，它工作得很好。但是，我需要用它的子组件的任何宽度值替换该变量的值。
这是带有抽屉组件的代码：
import { useState } from "react";
// Material UI components
import { Box, Button, Drawer, Divider, Grid, IconButton } from "@mui/material";
// Components
import Dashboard
浏览 4提问于2022-08-30得票数 0
1回答
反应动画
、、、
我有两个动画:一个“入口”和另一个“出口”。单击菜单栏，它将打开包含动画的模式。但是当我再次点击关闭时，“退出”动画并没有解决。 这样做的目的是当我点击CloseIcon时，我在Box组件上做“退出”动画。 经过研究，我得到的解决方案是使用以下语句，但它只适用于“动画”，而不适用于“无动画”： <Modal
open={open}
onClose={handleClose}
className={open ? "animation" : "no-animation"}
>
浏览 18提问于2021-11-14得票数 0
回答已采纳
1回答
我已经寻找了很长时间的解决方案，但在React导航V4中没有答案 我已经用React导航V4创建了一个简单的抽屉导航器。我已经添加了一个菜单图标，当我单击它时，抽屉就会正常显示。但是，手势都不起作用。从左向右滑动不会做任何事情。即使抽屉是打开的，轻敲空白区域也不会关闭抽屉。 下面是我的代码： import { createDrawerNavigator } from 'react-navigation-drawer'
import Gela from './gela';
import Japara from './japara';
cons
浏览 28提问于2019-10-11得票数 2
回答已采纳
我在SO和github上看过关于react导航的各种帖子，但大多数都是react本机堆栈导航器和抽屉导航器的组合。我找不到任何可以帮助解决我的问题的东西。
我试图做的是我有一个底部的标签栏与五个屏幕加载正确的数据很好，我想添加一个抽屉导航器，以提供更多的屏幕和不同的数据。我已经设法在标签导航器的顶部构建了抽屉导航器，但是当抽屉打开时，它与底部的选项卡栏重叠，因此只要抽屉打开，底部的标签导航就没有用。此外，在抽屉导航器下添加选项卡会将Tabs显示为抽屉菜单中的一个选项。
我想要实现的是，1.有一个底部选项卡导航始终可见。2.当抽屉打开时，抽屉菜单打开，并且不会重叠底部选项卡栏。3.抽屉菜单应该只
浏览 11提问于2018-10-07得票数 3
我是flutter的新手，我正在使用flutter_webview_plugin在flutter应用程序中打开带有抽屉导航菜单的网页。但问题是我的抽屉菜单在flutter_webview后面，可能是flutter_webview load after抽屉菜单 检查此图像这是问题所在 ?
浏览 22提问于2021-02-02得票数 0
1回答
是否可以向使用<TablePagination >呈现的每个菜单项添加唯一的ID？
我想在这些(10，25,100)菜单项中添加一个唯一的ID (例如：id="menu_item_0"、id="menu_item_1"和id="menu_item_2")，这些菜单项基本上是<li>标记。
这是密码。
import * as React from "react";
import Paper from "@mui/material/Paper";
import Table from
浏览 3提问于2022-04-19得票数 0
回答已采纳
当我使用材料-UI和React时，我遇到了一个可访问性问题。特别是在抽屉上放菜单的时候。本质上，的正常行为是突出显示顶部的。如果将该菜单放置在实质性UI 上，则此行为是不同的。
我在这里仅使用示例材料UI 和重新创建了这个问题。
下面的图片显示了打开时两个菜单之间的差异。我在测试时使用chromevox扩展：
使用chromevox显示可访问性时的普通菜单：
当菜单放在一个材料UI抽屉上时：
是否有人能指出这是我的代码中的一个错误，或者如果有任何解决办法？会把这个问题作为一个新的github问题提出来，但觉得有必要先在这里提出这个问题。:)
浏览 2提问于2020-07-23得票数 1
2回答
在v5中，尝试创建一个从黑暗模式切换到光模式的Toggle是相当困难的。
通过直接使用MUI 中的代码，我试图将代码分离出来，以便在app.js和my Navbarpractice.js中工作。
App.js
import React from "react";
import useMediaQuery from '@mui/material/useMediaQuery';
import { createTheme, ThemeProvider } from '@mui/material/styles';
import CssBaseli
浏览 31提问于2022-02-12得票数 0
回答已采纳
我正在使用React和material UI来构建一些菜单元素。 如果我使用react组件作为function，如果我单击按钮，菜单会按预期显示，但如果我使用class extends Component，它将不再打开。 import React from 'react';
import {Component } from 'react';
import Button from "@bit/mui-org.material-ui.button";
import Menu from "@bit/mui-or
浏览 20提问于2019-10-12得票数 0
回答已采纳
2回答
我有一个带有DrawerNavigator的react原生应用程序。对于菜单，我有自己的组件。这很好用。现在我想在右侧添加第二个侧边菜单。有没有可能像Slack应用程序中那样有两个DrawerNavigator？这个解决方案对我不起作用：，因为我不想让TabController作为父对象。两个抽屉应该在所有屏幕上都可以访问。
我的代码如下所示：
import React from 'react'
import reducer from './src/reducers'
import { DrawerNavigator } from 'react-navi
浏览 3提问于2018-02-13得票数 0
回答已采纳
由于某些原因，当你点击打开菜单时出现了错误，我不清楚为什么会发生这种情况。 “反应导航”："^3.5.1“ 这是用来打开我的菜单抽屉的。 从‘react’导入React，{ Component }； 从‘react-native’导入{ Text，View，Image }； 从‘react-native-elements’导入{ Avatar }； 从‘native-base’导入{ Left，Icon }； 从“react-navigation”导入{ DrawerActions }； 类头扩展了组件{ render() { return ( <View sty
浏览 15提问于2019-04-04得票数 1
我在我的react项目中使用MUI datatable。我使用了服务器端过滤和customFilterDialogFooter，我在选项中包含了，后面跟着代码，这些选项是在mui中传递的。当我单击Apply Filters按钮时，我使用过滤条件从服务器获取数据，筛选条件完全正确，但筛选窗口没有关闭。有什么办法关闭过滤器窗口吗？
customFilterDialogFooter: filterList => {
return (
<div style={{marginTop: '40px'}}>
浏览 6提问于2020-03-30得票数 1
回答已采纳
3回答
在我的react本地应用程序中，我创建了一个使用抽屉导航器的侧菜单，当我通过滑动打开它时，它工作得很好。但我想做的是按一下按钮打开它。目前，我正试图通过导航道具，相关代码如下：
import { withNavigation } from 'react-navigation';
class HallsList extends React.Component {
constructor(props){
super(props);
this.state = {
isSideMenuOpen: false
};
}
renderT
浏览 1提问于2018-11-01得票数 6
回答已采纳
1回答
我通过为每个节点添加一个上下文菜单来扩展，使用以下.tsx代码()。
import * as React from "react";
import { Typography, Menu, MenuItem } from "@mui/material";
import TreeView from "@mui/lab/TreeView";
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
import ChevronRightIcon from "@mui
浏览 27提问于2022-07-22得票数 2
在悬停MenuItem时，菜单容器的位置不应更改。
这个问题出现在最新的版本中。请不要认为如果您将MUI降级到4.5.0，它的行为就像预期的那样。
当前行为
当在MenuItem上悬停时，菜单容器的位置会发生变化。
预期行为
在悬停MenuItem时，菜单容器的位置不应更改。
复制步骤
步骤：
appears.Click Open (MUI 4.9.5)Hover，注意菜单出现后出现的第一个MenuItem文本。注意:如果您将MaterialUI降级为4.5.0，则它的行为与预期相同。它在这里工作： (MUI版本4.5.0)
浏览 3提问于2020-03-19得票数 1
回答已采纳
我正在使用MUI v.5中的抽屉组件来创建响应导航栏。但是，我不知道如何在单击它们之后链接和执行另一个页面(例如，单击导航栏上的"About“按钮后，它将被定向到about.js)。我真的很感谢你的帮助！
我为响应型导航栏创建了一个DrawerComp.js
//DrawerComp.js
import React, { useState} from 'react'
import {Drawer, IconButton, List, ListItemButton, ListItemIcon, ListItemText} from '
浏览 8提问于2022-07-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
