我正在创建一个React应用程序,用于显示API中的Covid数据。我在反应路线上有问题。
在这里,您可以看到对版本5.3.0和6.0.0版本进行更改的文件。与5.3.0版本一起注释的版本实际上正在工作,在主组件中,我得到了国家列表和一个链接到deatils页面的按钮,其中包含所选国家的详细信息。对于ViewDetails页面中的6.0.0版本,状态总是为null,我没有看到所选国家的详细信息,也不知道如何解决这个问题。
App.js
import React from "react";
import './App.css';
import Home from
我现在正在学习react,它使用MUI进行了一个相当大的项目,使用v5,包名从@material-ui/core更改为@mui/material。我知道这很简单,但有比手动将所有导入行从import x from "@material-ui/core/x"更改为import x from "@mui/material/x"更好的方法吗?任何帮助都很感激,我花了太多时间在这个问题上,MUI文档/发布说明对这个问题没有帮助。
如何在MUI Grid项中对元素进行居中?下面是我的React应用程序的一个片段:
<Grid container>
<Grid item xs={4}>
// Unrelated stuff here
</Grid>
<Grid item xs={4}>
// How do I centre these items?
<IconButton className={classes.menuButton} color="inherit">
<EditIcon/>
我刚刚开始使用自定义钩子,在我的页面重定向中有一个问题。
当单击按钮时,它应该带我到另一个页面,但一旦我使用了中的导航钩子,它就会呈现一个空页面。
这是我的home.js
import * as React from 'react';
import { styled } from '@mui/material/styles';
import Box from '@mui/material/Box';
import ButtonBase from '@mui/material/ButtonBase';
import Typogra
我试图通过使用classes道具来覆盖Mui样式。
例如,我想重写组件的颜色。
我想使用makeStyles的一个定义,它将设置所有css规则,从根开始(TextField),并在将它传递给classes支柱中的组件时,覆盖层次结构中的任何东西(例如,聚焦时的InputLabel )。
怎么做的?
import * as React from "react";
import TextField from "@mui/material/TextField";
import makeStyles from "@mui/styles/makeStyles
我正在使用mui v5,并且我试图覆盖容器组件,使其具有4rem的填充。下面是一个简单的代码示例:
import * as React from "react";
import { Container } from "@mui/material";
import Navbar from "./components/Navbar";
import { styled } from "@mui/system";
import CssBaseline from "@mui/material/CssBaseline";
im
我使用的材料UI V5与故事书,一切似乎都很好,除了文档将不会自动生成。当我点击"docs“选项卡时,它只是一个空白的白屏。 我已经查看了这个存储库,它使用了Ui V4材料,并且有一些文档在工作,看看我是否可以找出哪里出了问题。但没有铁锤。Storybook MUI v4 我没有做任何花哨的事情,我所做的只是使用sb命令行工具安装了故事书,安装了Material UI v5并导出了一个按钮。然而,没有文档显示。 import React from "react";
import PropTypes from "prop-types";
import M
我是个反应新手。假设有一个通知的钟形图标。一旦单击,将有一个最近收到的通知摘要,下面有一个按钮。单击该按钮时,我希望将最近的通知组件替换为包含过去通知的列表,而不需要转到不同的页面。如何在初始按钮上实现onClick处理程序?我应该使用react-router吗?
Notif.jsx (recent notifs)
import * as React from 'react';
import Button from '@mui/material/Button';
import Menu from '@mui/material/Menu';
imp