import * as React from 'react';
import Card from '@mui/material/Card';
import CardActions from '@mui/material/CardActions';
import CardContent from '@mui/material/CardContent';
import CardMedia from '@mui/material/CardMedia';
import Button from '@mui/mater
每次我在vscode中运行npm start时,我都会收到奇怪的UI错误,比如
Module parse failed: D:\Websites\rugprints\rugprints\node_modules\@mui\material\node\styles\createTransitions.js Unexpected token (58:40)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (58:40)
@ ./~/@mui/material/no
我正在尝试运行一个react应用程序,但是接下来会出现错误。
ERROR in ./node_modules/@mui/styled-engine/GlobalStyles/GlobalStyles.js 3:0-40
ERROR in ./node_modules/@mui/styled-engine/StyledEngineProvider/StyledEngineProvider.js 3:0-47
ERROR in ./node_modules/@mui/styled-engine/index.js 6:0-39
ERROR in ./node_modules/@mui/styled-
我正在尝试使用Next.js上的Material列表构建一个汉堡包菜单,类似于Material文档上的嵌套列表示例。但是,如果我在代码上使用“折叠”,我就会不断出错。如果我删除折叠,那么代码的其他部分可以正常工作。
有人能告诉我我做错了什么吗?
import * as React from "react";
import { useState } from "react";
import IconButton from "@mui/material/IconButton";
import ListSubheader from "@mu
在我运行的项目中,我使用的是资料UI。我在为我的网站设计仪表板。然后,,我注意到每当我打开菜单列表时,我的滚动条就被阻塞了。就像下面的图像一样:
我从复制了这段代码。我还是把滚动条堵住了。代码在哪里:
import * as React from 'react';
import AppBar from '@mui/material/AppBar';
import Box from '@mui/material/Box';
import Toolbar from '@mui/material/Toolbar';
im
我有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
我想知道如何在handleClose方法和saveData方法中同时执行两个函数。
我想执行的地方:
<Button variant="contained" onClick={saveData}>
Save
</Button>
完整代码:
import { useEffect } from "react";
import * as React from "r
下面的代码用于根据忽略列表选择目录:
mypath = 'c:\\Windows\\help'
ignorelist = ['mui', 'en-US']
for root, directories, filenames in walk(mypath):
for directory in directories :
if not any(ignorestring in directory for ignorestring in ignorelist):
print(join(root,directo
import * as React from "react";
import Container from "@mui/material/Container";
import Image from "next/image";
import Link from "@/src/Link";
import Box from "@mui/material/Box";
import Typography from "@mui/material/Typography";
import Paper from
我正在为GUI、电子和领域使用React进行一个项目。
在我尝试从另一个.js文件导入一个“组件”之前,一切都很好
以下是我的App.js导入部分:
import logo from './logo.svg';
import './App.css';
import * as Realm from 'realm';
import Avatar from '@mui/material/Avatar';
import Button from '@mui/material/Button';
import CssBaseli
我一直在使用bootstrap,我发现material ui也是一个很好的框架,并决定开始学习如何使用它。在进入MUI组件时,我被卡住了。我想知道如何在不进行自定义的情况下使用默认的MUI组件。例如,我想复制card component并在浏览器上输出它。
例如,其中一个文档的代码是:
import * as React from 'react';
import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent';
import C
我在我的应用程序中添加了一个DateTimePicker,这似乎很有效,但是,我无法在Jest测试中嘲笑这个选择器。
我一直收到以下错误:
Test suite failed to run
TypeError: (0 , _material.generateUtilityClasses) is not a function
7 | import type { Property, EnumProperty } from "../../types";
> 8 | import { DateTimePicker } from "@mu
我们将MUI从v4升级到v5,我们的UI测试开始失败。错误是:
TypeError: Cannot read property 'secondary' of undefined (I added comment to which line in code this refers)
测试示例:
describe('<AnonDragNDropFileUpload />', () => {
it('should render', () => {
const blob = () =>
我正在尝试使用mui的List组件,它刚刚安装了所需的依赖项。
错误是
TypeError: theme.palette is undefined
./node_modules/@mui/material/ListItem/ListItem.js/ListItemRoot<
node_modules/@mui/material/ListItem/ListItem.js:85
我的组件非常简单,它只是返回带有ListItem的列表项。组件是由一个带有元素支柱的反应性路由器-dom的路由标记呈现的。
ProductList.jsx
import List from '@mui/mat
如果我试图使用npm install @mui/material在我的react应用程序中安装MUI,我会得到一些错误:
Compiled with problems:X
ERROR in ./node_modules/@mui/material/node_modules/react-transition-group/esm/CSSTransition.js 5:0-47
Module not found: Error: Can't resolve 'dom-helpers/addClass' in 'C:\Users\User\Desktop\test\a
用户可以根据所选内容选择另一个select将出现的类别。我在另一个.js中创建了第二个组件。我已经可以查看数据,但是如何将第二个组件的值传递给父组件呢?
我想将select的值从size1,js传递给demo.js
链接:
demo.js
import * as React from "react";
import Box from "@mui/material/Box";
import InputLabel from "@mui/material/InputLabel";
import MenuItem from "@mui/mater
在reactjs中需要帮助,当我到达md或平板电脑屏幕的断点时,我想改变flex的方向,也会为桌面屏幕添加断点。为什么我的媒体查询不起作用?
import Box from "@mui/material/Box";
import Typography from "@mui/material/Typography";
import * as React from "react";
import {styled} from "@mui/material/styles";
function test() {
const RD =
当我试图运行react项目时,tsconfig文件被自动更改为"jsx": "preserve",之后我得到了这样的错误
×
←→1 of 3 errors on the page
ReferenceError: React is not defined
App
C:/Users/AntonyPraveenkumarMo/01_antony/Personalspace/fullstack/React MUI/react-mui-demo/src/App.tsx:6
3 | import CustomRoutes from './components/
我正在升级到MUI5。TS编译通过了,但是我得到了大量的控制台错误:Module not found: Can't resolve '@mui/material/unstable_composeClasses'和./node_modules/@mui/lab/node_modules/@mui/x-date-pickers/CalendarPicker/calendarPickerClasses.js Module not found: Can't resolve '@mui/material/generateUtilityClass' in .
我使用的是"select“下拉列表,即https://mui.com/components/selects/#basic-select中的”基本选择“,但下拉列表的高度超出了要求, 如何降低下拉列表的高度? import * as React from 'react';
import Box from '@mui/material/Box';
import InputLabel from '@mui/material/InputLabel';
import MenuItem from '@mui/material/MenuIte