我试图建立一个嵌套网格,它有两个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
我正在学习反应和MUI。我试图按照给定的步骤创建一个侧栏。指南使用与makeStyles不兼容的React18。所以,我尝试了以下几种方法:
import * as React from "react";
import Box from "@mui/material/Box";
import CssBaseline from "@mui/material/CssBaseline";
import Drawer from "@mui/material/Drawer";
import Typog
我正在使用来查看某个部分是否在视图中。
此函数从外部“节”组件中调用。当它被召唤时..。我希望它在我的" navbar“组件中更改:active状态,因此,例如,如果我在AboutSection中滚动,那么导航条链接将改变颜色。
// when component within view, do this
export const inView = (section) => {
console.log(`${section} section is in view`);
};
这是Navbar组件
import Box from "@mui/material/Box
我很难有一个select组件来删除(巴西的)州列表,在那里我可以在应用程序中使用几种形式(客户端、供应商等)。因此,我分别创建了一个Select,我希望在我的Bank表单中使用这个"Select“组件来选择银行所在的状态(位置)。我得到了一个错误的映射函数,在选择组件,而且,表单库崩溃,我不知道如何正确地使用数组的选择在银行表单。在银行表格中导入什么和如何处理?,我将感谢所有的帮助收到。我使用的材料-ui 5.0和反应18.0和Linux Ubunto 20.04。
// Bank form
// Select is at 3/4 down bellow
import { Con
我正在尝试用帐户菜单创建日志用户菜单,但是我找不到链接导航。我尝试使用<MenuItem component={ Link } to="/editProfile">,但它似乎不起作用。我也尝试过用链接标签包装MenuLink的周围,但它也不起作用。
I want to be able to click those links.
Here is Navbar code that Account Menu in it:
import React, { Profiler, useState } from 'react';
import { R
我有问题的MUI,我试图给我的按钮,我尝试了两种方式,但没有发挥作用。
例1
import React from 'react'
import { Typography } from '@mui/material'
import Button from '@mui/material/Button'
import Container from '@mui/material/Container'
import SendOutlinedIcon from '@mui/icons-material/SendOutlined'
我想逐渐改变导航的背景色,像这样的过渡。
Article.js
import React, { useRef, useEffect } from 'react';
import Grid from '@mui/material/Grid';
import { Link as RouterLink } from "react-router-dom";
import Typography from '@mui/material/Typography';
import Breadcrumbs from '@mui/materia
在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中使用材料ui构建了一个表单,表单数据将被发送到后端。出于检查的目的,我正在检查字段是否正确地显示数据。因此,所有字段都显示了值,但是dateAndTime字段没有与其他字段连接,因此,我如何将其与其他字段连接,以便可以与其他字段一起发送?
代码如下:
import * as React from "react";
import Avatar from "@mui/material/Avatar";
import Button from "@mui/material/Button";
import CssBaseline fro
我上周得到了帮助,我有50%的工作,选择组件的材料,V.5.0和反应18.0。Select与map函数一起正常工作。问题是所选的项目不会显示,也不会保持选中。此外,的大小不接受宽度格式。我尝试过,Box和sx={},但它们都没有起作用。请大家帮忙,我们将不胜感激。
// Select is down bellow almost at the end. Above the button.
import React, { useState } from 'react';
import { Container } from '@mui/material';
im
当用户单击submit表单按钮时,我希望从用户那里获取输入数据。单击时,我将得到一个显示在屏幕截图中的空值的响应对象。据我所知,我不想要useState,因为它会使页面重新呈现,而我不想这样做。这是我第一次和useRef在一起,有什么东西我错过了吗?
import Box from "@mui/material/Box";
import Grid from "@mui/material/Grid";
import Typography from "@mui/material/Typography";
import TextField from &
在这里,我想传递从选择菜单中的值,一旦我选择了值为1的菜单,它必须只显示一个对象数组,但是当我选择菜单4时,它必须显示4个对象数组,或者是我所拥有的相同字段的4倍,所以请帮助我解决这个问题,所有这些都是一个组件。
import React from 'react'
import Box from '@mui/material/Box';
import Typography from '@mui/material/Typography';
import InputLabel from '@mui/material/InputLabel