我正在尝试开发一个使用资料界面的侧边栏菜单。我能把它写成简单的清单。在我的项目中,我有一个嵌套边栏菜单的要求,这是我无法实现的。如果我试图使用递归函数,它只提供主标题菜单,而不是呈现子元素。请帮我开发一下。
嵌套侧栏菜单的代码如下,
import React, {useState} from 'react';
import { makeStyles } from '@material-ui/core/styles';
import List from '@material-ui/core/List';
import ListItem from &
我正在使用基于函数的组件构建一个应用程序。我在类中从Material 中找到了侧栏菜单模板,并希望将其转换为functional 。但是在转换之后,单击按钮就不能工作了。我只将菜单图标更改为另一个。任何帮助都将不胜感激。
以下是类中的默认组件
import React from "react";
import AppBar from "@material-ui/core/AppBar";
import Toolbar from "@material-ui/core/Toolbar";
import Typography from "@ma
如何在react应用程序中激活侧边菜单。我使用ListItem在我的应用程序中显示侧边菜单。但在侧边菜单中,当我单击ListItem时,它将重定向到新页面。那么如何选择或激活侧边菜单呢?我尝试使用状态激活,但是页面被重定向到另一个页面。所以状态将不起作用。
//import React from "react";
import React, { Component, Fragment } from "react";
import PropTypes from "prop-types";
import classNames from "cl
这下可麻烦了。
但我不能用英语写文章.
※这可能很难读,但请原谅我。
我想选择ListItem组件,但是ListItem映射结构无法选择。
我期待的是这个。
位于页面底部的※
我的输出结果是这样的。
ReactJS代码是这样。
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import emails from &
我目前正在做一个学习的react项目。我的目标是设计一个带有切换菜单的侧边栏。在你们许多人的帮助下,我已经完成了一半的工作,并设计了它,但遇到了一个小问题。如果我单击列表来切换菜单项,而不是单个菜单项,所有菜单项都会同时展开。我无法用我当前的配置解决这个问题。请帮帮我,我的代码如下:
import React, {useCallback, useState} from "react";
import {List} from "@material-ui/core";
import ListItem from "@material-ui/core/ListI
我已经开始学习ReactJS,并有一个关于无状态和有状态组件的问题。通常,我遵循组件和容器的分离,如下所示。有状态函数在组件文件夹和容器文件夹下的其他逻辑操作中。
让我们考虑材料UI下拉列表。
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import InputLabel from '@material-ui/core/InputLabel';
import MenuItem from '@material-ui/cor
如何在reactjs中重定向到另一个页面。这是我的代码。
import React from 'react';
import { fade, makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import IconButton from '@material-ui/core/IconBut
我目前正在学习ReactJS,并遵循了一个教程,该教程帮助我在使用firebase进行网页身份验证和授权方面有了一个良好的开端。现在我正在使用material-ui中的登录页面模板,并尝试将其与我当前的代码合并。我没有问题的网格等显示,但我不能让样式工作,因为我得到了这个无效的钩子调用错误在运行。登录类在下面,错误也在下面。 import React, {Component} from 'react';
import {withRouter} from 'react-router-dom';
import Avatar from '@material-
我为一个教程创建了一个react应用程序,它在上传的图像上写入文本。在Top Box和Bottom Box中输入图像上传类型后的用户,但是当我尝试在用户键入文本之后保存图像时,不会显示文本。谁能帮忙,因为我想要下载的图像与文字。
这些文件是带有代码的Header.js:
import React, {Component} from 'react';
import logo from './logo.svg';
import './App.css';
import CardMedia from '@material-ui/core/Card
当我点击一个按钮,我有一个弹出成功(耶!)。现在我只希望它是全屏的,而不仅仅是屏幕的一小部分。我正试图在中跟随,但我的盒子并没有显示全屏。我在这里错过了什么断线吗?提前谢谢(抱歉,如果这是个问题)。
import React from 'react';
import { makeStyles } from '@material-ui/styles';
import Button from '@material-ui/core/Button';
import TextField from '@material-ui/core/TextFie
这是直接来自MUI菜单的代码-自定义菜单..我不想把我的代码放进去,因为有一些内置的函数会让它更令人困惑。
在我的代码中(不是这样),当单击菜单项时,我会打开一个MUI对话框。问题是提交对话框后菜单不会消失。
我想知道如何在单击菜单上的任何内容(菜单项)时立即关闭菜单。
谢谢
import React from 'react';
import { withStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
import M
我刚接触material ui/core,在做组件时有点困惑。问题是,我无法显示登录页面没有应用程序栏和抽屉。我想显示完整的登录页,没有标题和侧边栏。在这个问题上,有人能帮我吗?
下面是完整的代码:"“
登录页面代码:
import React from 'react';
import Avatar from '@material-ui/core/Avatar';
import Button from '@material-ui/core/Button';
import CssBaseline from '@material-ui
所以我已经在我的react原生应用程序中实现了redux-form,它工作得很好。现在,客户询问我们是否可以将普通字段更改为material-ui like this,我尝试在我的react原生应用程序中实现redux-form-material-ui,但它不起作用。这是我在运行我的应用程序时得到的错误。 error: Error: Unable to resolve module `material-ui/Toggle` from `node_modules/redux-form-material-ui/lib/Toggle.js`: material-ui/Toggle could no
我在ReactJS和Material-UI方面是新手,我只是为了好玩而尝试构建一个范式,但有些属性不起作用,我真的不明白为什么
代码如下:
import React, { Component } from 'react';import { makeStyles } from '@material-ui/core/styles';
import Avatar from '@material-ui/core/Avatar';
import Button from '@material-ui/core/Button';
import I
我有一个项目,点击应该发生(点击第一个从折叠的列表项目),但它应该自动发生,而不需要用户采取鼠标(光标)和点击它。
列表项折叠来自material。
任何想法都会受到赞赏。
我要尝试的代码:
import React, { useState } from "react";
import List from "@material-ui/core/List";
import ListItem from "@material-ui/core/ListItem";
import ListItemText from "@material-ui/
我有个简单的问题。我已经反应和所有包括,但我想导入组件从一个材料-ui库和路径都是好的,但它找不到模块。
我的代码:
import React from 'react';
import ReactDOM from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import RaisedButton from 'material-ui/RaisedButton';
var Comp = React.createC
我已经做了一个下拉菜单使用材料-ui菜单组件。问题是一旦下拉菜单打开,主体滚动条就消失了,不能滚动到页面上。
我试图找到答案,但只有几个答案为Popper,Popover或,但似乎没有答案菜单组件。
DropDownMenu组件就是这样的。
import React from 'react'
import Menu from '@material-ui/core/Menu'
import MuiMenuItem from '@material-ui/core/MenuItem'
import styled from 'styled-com
我在react中使用@material-ui。我有以下问题: 我有一个输入组件和一个弹出式菜单,在鼠标悬停时打开。当菜单打开时,输入组件失去焦点。当菜单关闭时,焦点将恢复到输入组件。 我需要防止焦点恢复到input元素。 我怎样才能实现这个行为呢? import React from "react";
import Button from "@material-ui/core/Button";
import Menu from "@material-ui/core/Menu";
import MenuItem from "@materi
我使用以下代码,但当我在框中键入文本时,它显示错误,没有提供太多信息。我的目标是能够在文本框中键入和显示文本。 import React, { Component, Fragment } from 'react';
import PropTypes from 'prop-types';
import CardMedia from '@material-ui/core/CardMedia';
import { withStyles } from '@material-ui/core/styles';
import CardActi