在React中从document.createElementNS创建的Material UI图标未正确加载
在React中，使用Material UI图标时，如果从document.createElementNS创建的图标未正确加载，可能是因为以下几个原因：
- 引入的Material UI库版本不兼容：确保你所使用的Material UI库版本与React的版本兼容。可以在Material UI的官方文档中查找相关的版本兼容信息。
- 未正确导入Material UI图标组件：确保你正确地导入了所需的Material UI图标组件。可以在Material UI的官方文档中查找相关的图标组件并进行正确的导入。
- 缺少相关依赖：Material UI图标依赖一些字体图标文件，例如Material Icons字体。确保你已经正确地安装了相关的依赖。
- 使用
createElementNS时未设置正确的命名空间：在使用document.createElementNS创建SVG元素时，需要设置正确的命名空间。对于Material UI图标，命名空间应为http://www.w3.org/2000/svg。确保在创建SVG元素时传入正确的命名空间。 - 图标路径或名称错误：检查你所使用的图标路径或名称是否正确。可以在Material UI的官方文档中查找相关的图标路径和名称。
如果以上方法仍未解决问题，可以尝试以下步骤：
- 清除缓存：尝试清除浏览器缓存，重新加载页面，以确保最新的代码和资源文件被加载。
- 重新安装依赖：尝试重新安装Material UI库及相关依赖，并确保依赖版本的兼容性。
- 检查网络连接：确保你的网络连接正常，以确保能够正确地加载所需的资源文件。
如果问题仍然存在，建议查阅Material UI的官方文档、社区论坛或寻求相关技术支持，以获取更详细的帮助和解决方案。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（ECS）：提供高性能的云服务器实例，满足各类计算需求。了解更多：云服务器产品介绍
- 云数据库MySQL版（CMYSQL）：稳定可靠的关系型数据库服务，适用于各种规模的应用。了解更多：云数据库MySQL版产品介绍
- 人工智能平台（AI Lab）：提供丰富的人工智能开发工具和服务，助力开发者快速构建智能应用。了解更多：人工智能平台产品介绍
- 云存储（COS）：安全可靠的对象存储服务，适用于存储、备份和归档各类数据。了解更多：云存储产品介绍
- 区块链服务（BCS）：提供快速部署、高效运行的区块链网络，支持开发和管理区块链应用。了解更多：区块链服务产品介绍
相关·内容
我正在我的应用程序中创建一个标签部分，类似于一个新的Stack Overflow问题表单中的标签部分。我使用了Material UI close图标，如此youtube tutorial所示(我知道我正确安装了Material UI图标，因为我创建的演示图标不起作用，只有我使用document.createElementNS动态创建的演示图标不起作用-视频教程只适用于没有React实现的普通javascript教程。我目前正在进行转换为React的过程) 我尝试在Stack Overflow - React - How to force a function component to ren
浏览 28提问于2020-10-28得票数 0
回答已采纳
在初始页面加载时，我遇到了显示加载图标的问题。代码对我来说看起来很好，但有些地方它没有显示加载图标。我正在使用material ui RefreshIndicator来加载图标。我正在使用material-ui V^0.18.7。
以下是我的初始App.js代码
import React, { Component } from 'react';
import HeaderTemplate from './Layout/Components/Header';
import FooterTemplate from './Layout/Components/F
浏览 23提问于2018-02-27得票数 0
回答已采纳
2回答
动态导入React材料UI图标
、、、、
其主要思想是只在需要时或者在编译时不知道图标名称的动态情况下导入重要的UI图标。(让我们确定我们将有有效的图标名称)。
我的方法是使用具有动态路径的需求状态：
const IconComponent = require(`@material-ui/icons/${icon}`).default;
这很好，但也出现了一些警告。
./node_modules/@material-ui/icons/utils/createSvgIcon.d.ts 3:8模块解析失败:意外令牌(3:8)您可能需要一个适当的加载程序来处理该文件类型。从‘@material ui/core/ SvgIcon’中导入Sv
浏览 12提问于2020-12-11得票数 3
1回答
我已经多次尝试在我的react项目中安装，但是它一直给我以下错误：
npm错误！代码ERESOLVE npm错误！ERESOLVE无法解决npm的错误！npm错误！同时解析：@material ui/core@4.12.4 npm错误！发现: react@18.2.0 npm错误！节点_模块/反应npm错误！同行反应@“^18.0.0”从@testing库/ ERR @13.4.0 npm错误！
节点_模块/@测试-库/反应npm错误！
@ the库/ ERR @“^13.4.0”来自根项目npm！同伴反应“^18.2.0”来自react dom@18.2.0 npm错误！
节点_模块/反应
浏览 1提问于2022-11-01得票数 0
2回答
无法在反应中导入材料UI
、、、
我已经使用npm安装了@material/图标，但是每当我运行导入时
PS:我安装了@material ui/图标
从‘@material ui/图标/Account环状’导入AccountCircleIcon；
我得到以下错误
Failed to compile.
./node_modules/@material-ui/icons/utils/createSvgIcon.js
Module not found: Can't resolve '@material-ui/core/SvgIcon' in '/home/freduah/react-amazon-c
浏览 0提问于2020-10-21得票数 0
1回答
当页面加载时，我试图制作动态导入请求的资料-UI图标的React组件。这里给出的解决方案可以工作，但在编译时会发出警告。此外，它还减慢了项目的编译速度。
知道如何正确地做这件事吗？
主要逻辑在App.js第5-10行中找到：
import React, { Component } from 'react';
import BarChartIcon from '@material-ui/icons/BarChart';
const MaterialIcon = ({ icon }) => {
console.log("icon: "
浏览 0提问于2019-09-17得票数 7
2回答
我有一个对象，它根据图标名返回图标对象。对于适当的MaterialUI图标名称，函数返回正确的图标对象。对于不正确的名称，此函数应返回错误图标。我的代码不起作用。当我输入不正确的图标名时，浏览器上有错误堆栈。我如何才能捕捉到这个异常，我JSX？
import React from 'react';
import ErrorIcon from '@material-ui/icons/Error';
import * as Icons from '@material-ui/icons';
export default function Dynami
浏览 0提问于2019-06-11得票数 1
回答已采纳
我想在我的应用程序的标题中使用Material-UI中的圆形进度指示器。但我只是不知道如何很好地适应下载图标从材料图标内，使进度条将移动的图标。这是我现在所拥有的： ? 我想要实现这一点： ? 我试着用绝对定位来放置图标，但可能有一个更好的主意 import React from "react";
import ReactDOM from "react-dom";
import CircularProgress from "@material-ui/core/CircularProgress";
import Button fr
浏览 8提问于2020-04-30得票数 1
回答已采纳
在我的边栏组件中，我向下钻取材料UI图标到SideBarIcon组件。在开发人员环境中工作时，我可以访问displayName属性。当我创建一个生产构建时，这个很方便地消失了。
我试着解构图标
从‘@material-ui/ HomeIcon /Home’导入图标；到
从‘@material-ui/图标/主页’导入{ HomeIcon }；
当整个图标变得未定义时，这会使问题变得更糟。
import React from 'react';
import { Link } from 'react-router-dom';
import SidebarIc
浏览 14提问于2020-08-15得票数 1
[这是每当我尝试使用@material-ui/core和图标时显示的错误
`import React from "react";
import "./Sidebar.CSS";
import SearchIcon from "@material-ui/icons/Search";
const Sidebar = () => {
return (
<>
<div className="sidebar">
<div className="side
浏览 1提问于2021-06-18得票数 2
我试图创建一个基本的导航栏的材料用户界面。Material的doc站点上的样板模板在浏览器中返回以下错误：
“试图导入错误：‘@material ui/图标’不包含默认导出(导入为‘MenuIcon’)。”
我使用npm安装了@material/core和@material/图标。请参见package.json：
{
"name": "profile_v4",
"version": "0.1.0",
"private": true,
"dependencies": {
浏览 4提问于2021-01-01得票数 1
回答已采纳
我使用的是Reactive16.12.0和@MaterialUI/core v4.8.1。
我试图创建自定义图标的反应传单标记。图标是Material中的Fab组件。为此，我需要将一个HTML传递给L.DivIcon 传单组件，因此我使用了来自react-dom/server的renderToString()方法。
它正在抛出一个错误：
警告: useLayoutEffect在服务器上什么也不做，因为它的效果不能被编码成服务器渲染器的输出格式。这将导致初始的、非水化的UI与预期的UI之间的不匹配。为了避免这种情况，useLayoutEffect只应用于仅在客户端上呈现的组件。在NoSsr i
浏览 4提问于2019-12-25得票数 6
我遵循了在线视频中的教程，但是我得到了这样的错误代码：
编译./node_modules/@material-ui/icons/Menu.js Module not found: Can't resolve '@babel/runtime/helpers/builtin/interopRequireDefault' inb'C:\LocalServer\static-page\node_modules\@material-ui\icons'失败，此错误发生在构建过程中，不能排除。
这是我编写的代码：
import React, {Componen
浏览 0提问于2019-01-28得票数 1
回答已采纳
我正在做一个反应Js组合网站。在那里，我使用'material-ui'库进行样式和图标。
在下面的代码中，我从GitHub导入了图标Facebook、LinkedIn和material-ui-icons。起初我认为material-ui是一个很好的库，并开始使用它。现在，我只知道库中没有'Stack溢出‘、和'Hackerrank'的图标。
我对ReactJ也很陌生。因此，现在我被困在这个级别上，不知道如何导入堆栈溢出和Hackerrank的图标。有谁知道做这件事最好也最简单的方法吗？(在从资料界面图标导入Facebook、GitHub和LinkedIn
浏览 6提问于2021-05-09得票数 2
回答已采纳
在我的一个React项目中，我使用的是带有package.json中那些信息的Material图标
"@material-ui/core": "^4.9.10",
"@material-ui/icons": "^4.5.1",
在我添加图标ContentCut之前，所有图标都正常工作，该图标在上可用：
我就是这么进口的：
import ContentCutIcon from '@material-ui/icons/ContentCut';
但我知道错误是：
模块未找到:无法解析“@material ui/图
浏览 14提问于2020-06-23得票数 3
回答已采纳
1回答
阻止Icon在材质UI中同时改变
、、、、
我在一个表中有一个图标列表，当单击该图标时，整个图标列表都更改为另一个图标。我应该如何阻止他们同时改变呢？
代码：
import React from 'react';
import {makeStyles, Theme} from '@material-ui/core/styles';
import Table from '@material-ui/core/Table';
import TableBody from '@material-ui/core/TableBody';
import TableCell from
浏览 3提问于2020-07-14得票数 1
回答已采纳
1回答
材料ui包拒绝安装
、、、
C:\Users\User\Desktop\client4>npm i@material ui/图标
npm错误！代码ERESOLVE
npm错误！ERESOLVE无法解析依赖树
npm错误！
npm错误！同时解析:client4 4@0.1.0
npm错误！发现: react@18.2.0
npm错误！节点模块/反应
npm错误！从根项目中反应@“^18.2.0”
npm错误！
npm错误！无法解析依赖关系：
npm错误！来自@material ui/core@4.12.4的同侪反应@“^16.8.0欧元^17.0.0”
npm错误！节点_模块/@material ui/core
np
浏览 4提问于2022-06-21得票数 0
我在我的项目中使用 with React，在导入图标时遇到了一些问题。我的代码是从Material (版本：“material”："^1.0.0-beta.41“、”material图标“："^1.0.0-beta.36”)中复制的，如下所示：
import SkipPreviousIcon from '@material-ui/icons/SkipPrevious';
import PlayArrowIcon from '@material-ui/icons/PlayArrow';
import SkipNextIcon from '@
浏览 14提问于2018-04-11得票数 51
我试图在我的React项目中使用@material-ui/Icons组件，但当我试图将导入的图标包含到我的代码中时，我收到以下错误： Objects are not valid as a React child (found: object with keys {$$typeof, type, compare, displayName, muiName}). 当您尝试显示一个对象而不是它的一个值时，这是相当标准的。然而，在这种情况下，我不完全确定如何显示我导入的图标。 我尝试了console.logging图标，看看我是否能弄清楚哪里出了问题，但没有任何帮助。 我也尝试过导入： import
浏览 17提问于2019-06-23得票数 0
回答已采纳
我想添加材料图标到我的应用程序。然而，Material提供了两种向我的网站添加相同图标的方法：
，，包含在@material-ui/core包中:从‘@material/core/ Icon’导入图标；//导入函数星星(){返回星；}
安装，然后导入相应的图标：
$ npm安装@material ui/图标
从‘@material/图标/Star’导入StarIcon；从节点模块函数Star()导入/导入
因此，我想问一下，在性能(即。加载时间)或捆绑大小以上两种方法，如果我想添加材料图标(而不是其他字体图标)到我的网页？非常感谢!
浏览 0提问于2021-02-26得票数 0
回答已采纳
2回答
问题描述
我有一个react django应用程序的材料-ui。我过去经常导入和材料界面图标，没有任何问题。今天，我甚至无法构建我的应用程序后，从材料导入一个新的图标-ui。
从“@mui/图标-material”导入WebIcon；
这是当我尝试启动我的react应用程序时的错误信息，
> react-scripts start
Starting the development server...
Failed to compile.
./node_modules/@mui/icons-material/utils/createSvgIcon.js
Module not f
浏览 0提问于2021-09-21得票数 0
回答已采纳
1回答
我有以下网站，它使用React、Nextjs和Material
当页面加载，我得到大累积布局移位，这是由一个svg材料ui图标，加载大，然后得到样式的高度和宽度。
这个大小变化的图标，造成巨大的累积布局变化，如何才能修复？
如下图所示：
浏览 3提问于2022-10-31得票数 0
希望你能帮我解决我的问题。我不明白为什么属性rightIconButton在我的<ListItem>示例中不能工作(Material组件)。
<List>
import React from 'react';
import { List } from 'material-ui';
import UsersItem from './UsersItem';
class UsersList extends React.Component {
render() {
return <List>
浏览 4提问于2015-06-24得票数 0
我在tsx组件中使用以下代码。我还不熟悉。
我有一个。
import React from "react";
import { ArrowDropUp, ArrowDropDown } from "@material-ui/icons";
import { withStyles } from "@material-ui/core/styles";
function SvgMaterialIcons(props) {
const { classes } = props;
return (
<table>
&
浏览 1提问于2018-11-04得票数 0
回答已采纳
2回答
材质UI图标中的标签
、、、
我在react项目中使用material-ui和material-ui图标。我是新来的react。 有没有人能教我怎么做带标签的图标？我想把标签放在图标的正下方。例如，文本"Home“写在"Home Icons”下。我正在尝试实现一些类似于微软团队在侧边栏导航(web版)中实现的东西。 我读了API，发现里面有一个道具组件。然而，每当我使用它的时候，我都在尝试，图标消失了。 请访问此链接https://codesandbox.io/s/material-demo-forked-nohsm?file=/demo.js我将获得以下结果： ? 这是我的代码 import R
浏览 27提问于2020-10-01得票数 0
回答已采纳
我试图用Reactive18.0项目安装资料ui核心和图标，但我做不到。这个项目是用最新的create应用程序npm install @material-ui/core @material-ui/icons创建的。
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: client@0.1.0
npm ERR! Found: react@18.0.0
npm ERR! node_modules/react
npm ERR! r
浏览 13提问于2022-04-01得票数 38
1回答
我花了很多时间来解决这个问题，但找不到解决这个问题的方法。请需要你的帮助如何从react矢量图标中获取图标。下面是我的代码和package.json文件。我只想在导航栏上添加一个菜单图标...谢谢你的帮助
import React from 'react';
import {View, Text, StyleSheet, Image, TouchableOpacity} from 'react-native';
// import {FiMenu} from 'react-icons/fi';
//import MenuIcon
浏览 2提问于2020-06-16得票数 1
下面是我的代码： import React from "react";
import "./sidebar.scss";
import HomeOutlinedIcon from "@material-ui/icons/HomeOutlined";
import InfoOutlinedIcon from "@material-ui/icons/InfoOutlined";
import ChatOutlinedIcon from "@material-ui/icons/ChatOutlined";
import
浏览 25提问于2020-08-25得票数 0
回答已采纳
我有一个启用了列排序的react-virtualized表。我的计划是在列标题旁边添加一个filter icon，并在有人点击它时执行一个。
下面是我所做的:我启用了headerRenderer
headerRenderer= {this.renderHeader}
我的headerRenderer返回一个组件
renderHeader = (value) => {
// console.log(value)
return <ColumnFilterContainer label= {value.label} />
}
ColumnFilterCont
浏览 2提问于2016-11-04得票数 0
我试图运行以下代码：
"use strict";
var React = require('react');
var Router = require('react-router');
var Link = Router.Link;
var Material = require('material-ui');
var ThemeManager = new Material.Styles.ThemeManager();
var Colors = Material.Styles.Colors;
var dropdown = Mat
浏览 3提问于2015-09-20得票数 2
回答已采纳
我正在使用Storybook 5.2.6 for React 16.9.0和Typescript 3.5.3，并使用Material UI主题组件。在添加和配置了@ Storybook /addon-docs之后，当组件从@ PropsTable -ui中被包装时，Storybook文档页面在withStyles中显示：“Cannot read property 'classes‘of undefined”。
组件：
import React, {FunctionComponent} from 'react';
import { Typography } from &#
浏览 11提问于2019-11-13得票数 3
我是新的反应，我正在使用材料-用户界面来完成事情。
我遇到的问题是，图标没有出现，即使按，它也应该工作：
每名医生
import Icon from '@material-ui/core/Icon';
...
<Icon className={classes.icon} color="action">
add_circle
</Icon>
我试图通过以下方式获取导航项目：
import React from 'react';
import { NavLink } from 'react-router-d
浏览 2提问于2018-07-26得票数 2
回答已采纳
在react类呈现()中包含以下内容：
import {blue900} from 'material-ui/styles/colors';
import {Tabs, Tab} from 'material-ui/Tabs';
import SocialPeople from 'material-ui/svg-icons/social/people';
var myClass = React.createClass({
render: function() {
return (
<Tabs>
浏览 2提问于2017-06-09得票数 1
回答已采纳
? 我使用内部带有Icon的Material-UI TextField，如下所示。"Your good name here“的标签应该放在图标旁边，而不是重叠。 在我将InputLabelProps={{ shrink: false }}添加到TextField之后，就会发生这种情况。 我怎样才能正确地定位这个位置？有什么帮助吗！ 提前感谢！=) This is my code pen import React from "react";
import { makeStyles } from "@material-ui/core/styles"
浏览 15提问于2021-03-27得票数 4
回答已采纳
考虑到这个Webpack 3.8.1配置。
// common
module.exports = {
context: path.resolve(__dirname, './src'),
entry: [
'whatwg-fetch',
'./index'
],
output: {
path: path.resolve(__dirname, 'build/assets'),
浏览 3提问于2017-11-17得票数 6
回答已采纳
我想显示在反应一个绿色的按钮与眼睛，就像我的素描a。我做了我的桌子材料-ui从资料-ui网站。然而，我不能把我的<IconButton><Visibility/></IconButton>固定在我的网站上。我跟踪了很多视频，但都没成功。我在我的桌子上尝试了不同的值，但是这张表显示了V(滴答)。
我输入了“进口”：
import React from 'react'; import MaterialTable from 'material-table'; import IconButton from 'materia
浏览 2提问于2020-06-03得票数 0
回答已采纳
我想做的是，当用户点击输入元素时，表单中的按钮元素将从麦克风图标变为发送图标。我的想法是从onClick或mouseEnter处理程序获取值，并通过if-else语句传递它并设置正确的图标 这是我的代码` import React, { Component } from 'react'
import { Field, reduxForm } from 'redux-form';
import InsertEmoticonIcon from '@material-ui/icons/InsertEmoticon';
import AttachFil
浏览 40提问于2021-07-11得票数 0
我从.json中拉入一些数据，以便在我正在开发的react应用程序中传播网格。 {props.title}和{props.author}返回正确，但我无法显示图像。目前，我在转到此路线时出现了一个“错误:找不到模块'./'”页面。 我确信这是我的文件路径/assets/images，但无法解决它。 下面是我的文件路径： src ┣资产 ┃┗图像 ┃┃┣burger-logger.png ┃┃┗green_cup.png ┣组件 ┃┣关于 ┃┃┣About.js ┃┃┣Hello.js ┃┃┗index.scss ┃┣PortfolioGrid ┃┃┣PortfolioGri
浏览 29提问于2020-10-30得票数 1
由于classNames的分配方式不同，我在材料UI组件中客户端和服务器端呈现样式之间的差异有困难。
classNames在第一次加载页面时被正确分配，但是在刷新页面之后，classNames不再匹配，因此组件失去了它的样式。这是我在控制台上收到的错误消息：
警告:道具className不匹配。服务器："MuiFormControl-root-3 MuiFormControl-边缘Normal-4 SearchBar-textField-31“客户端："MuiFormControl-root-3 MuiFormControl-边沿Normal-4 SearchBar-text
浏览 4提问于2018-06-04得票数 78
回答已采纳
我使用使我的项目与RTL兼容。
但出于某种原因，Material图标<Send/>没有相应地翻转。是因为它与RTL不兼容吗？还是我漏掉了什么？
下面是一个显示Send图标不翻转的示例：
import React from "react";
import { create } from "jss";
import rtl from "jss-rtl";
import {
StylesProvider,
jssPreset,
ThemeProvider,
createMuiTheme
} from "@materi
浏览 4提问于2020-10-11得票数 5
回答已采纳
在列表中，每个列表项都有一个"AddIcon“。当被点击时，我想根据它的"id“将该图标切换为"BlockIcon”。 import React from 'react'
import {List, ListItem} from '@material-ui/core'
import AddCircleIcon from '@material-ui/icons/AddCircleOutline'
import BlockIcon from '@material-ui/icons/BlockOutlined'
浏览 23提问于2019-10-06得票数 2
回答已采纳
1回答
我无法正确地进口
、、、
我在vs代码上的项目中使用"npm添加formik yup @material ui/core@material ui/图标“命令在vs代码上使用react本机和安装的formik命令:当我第一次创建表单后重新加载我的项目时，它说：
"formik“无法在项目中或目录中找到: node_modules"
我检查了我的package.json，它写着"formik"："^2.2.6“，在我的node_modules文件夹中我找到了它。当我悬停在导入语句上时，它显示了一个路径："/home/dean/Personal_Programming_
浏览 1提问于2021-02-14得票数 0
回答已采纳
1回答
我想实现一个组件，它从material调用相应的图标。我手动调用它时就让它正常工作了。
import MenuIcon from '@material-ui/icons/Menu';
export const Icon = (props) => {
return (
<div>
<MenuIcon/>
</div>
)
}
问题是我不知道如何更改所有图标的导入。我想以以下方式调用这个组件：
<Icon icon="MenuIcon" class
浏览 1提问于2021-03-10得票数 0
回答已采纳
2回答
材质UI图标未正确呈现
、、、
我很抱歉再问一遍，但我无论如何也找不到发生了什么事。我将我的React应用程序移动到一个angular应用程序中，除了材料-ui/图标之外，所有的东西都正常工作了，它们看起来就是不像他们应该的样子！ 我使用的是最新的包，在我的index.html文件中有样式的链接，我相信我正确地使用了图标。 import { Close } from '@material-ui/icons'
<Close /> 这是它们在我的应用程序上的样子。Bad Icons Image 我没有任何关于material-ui或图标的控制台错误。
浏览 22提问于2019-05-18得票数 0
我想在React中映射所有的@material-ui/icons。
我可以像这样导入单个图标
import IconName icons from '@material-ui/icons/IconName'
并显示它
<IconName />
我想导入所有可用的图标
import * as icons from '@material-ui/icons';
并把它们全部展示出来。就像这样
icons.map(Icon => <Icon />)
任何其他方式都可以，我只是不想存储所有图标代码的静态字典。
浏览 0提问于2019-11-14得票数 0
我正在尝试点击图标按钮的“名称”
我读过关于使用资料UI的文章，但是我一直从处理程序那里得到“未定义的”
import React from 'react'
import {IconButton} from '@material-ui/core'
import InfoIcon from '@material-ui/icons/InfoOutlined'
const App = () => {
const handleIconClicks = (e) => {
console.log(e.target.na
浏览 6提问于2019-10-01得票数 1
回答已采纳
我有一个带有图标的btn，我点击了很长时间，它在图标周围产生了不想要的效果，有什么线索可以删除这个操作吗？ import React from "react";
import ReactDOM from "react-dom";
import Button from "@material-ui/core/Button";
import ViewListIcon from "@material-ui/icons/ViewList";
function App() {
return (
<div>
浏览 10提问于2021-09-23得票数 1
回答已采纳
我正在使用Material UI创建一个带有临时抽屉的导航栏。当用户单击汉堡包菜单图标时，我希望菜单淡入屏幕并从右侧滑动。
基本上，所有的功能都可以工作，除了名为“RIGHT”的按钮，而不是我在它旁边创建的汉堡图标。
我试着去掉“右”，用图标代替，但是当我这样做的时候，菜单从左上角出来了……
import React, { useEffect, useState } from 'react'
import { makeStyles } from '@material-ui/core/styles';
import { AppBar, IconButto
浏览 20提问于2021-05-18得票数 1
我刚接触material UI，我已经创建了一个用户图标和用户名，但我不能在它们之间留出空间。我尝试过给p={1}和m={1}，但没有起作用。有没有人能帮我在它们之间留出空间？ import React from "react";
import Button from "@material-ui/core/Button";
import Menu from "@material-ui/core/Menu";
import MenuItem from "@material-ui/core/MenuItem";
import Ava
浏览 19提问于2020-03-19得票数 0
我正在尝试在React中创建一个待办事项应用程序。到目前为止，我编写的代码将待办事项添加到待办事项列表中。当我点击编辑图标时，我已经为完成图标设置了turnery条件，但它不工作。有人能解释一下我的代码出了什么问题吗？ App.js import './App.css';
import React, { useState } from 'react';
import TodoList from './TodoList';
import { v4 as uuidv4 } from 'uuid';
function App() {
浏览 28提问于2021-02-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
