我刚开始反应,现在开始了一个学习项目,在这个项目中,我使用了打字稿3.7.2和材料-ui 4.11.0和反作用16.13.1。我创建了我所有的页面布局作为功能组件,但在尝试将它们转换为类组件(我发现比使用钩子容易)时,我得到了以下错误(作为注释附在一起),我在堆栈溢出上查看了其他一些答案,尝试了不同的方法,但似乎没有一种方法有效,我读过的大多数答案都是2-3年前的,而且我猜到了从那以后的一些变化正在破坏更改,有人知道如何解决这些问题吗?
import React from "react";
import Avatar from "@material-ui/core/Av
我试图改变材料UI,DatePicker,日期,文本和日历图标颜色。
我试图将其传递样式更改为InputProps,但它只用于移除边框。
相反,没有什么改变,我试图将样式应用于theme.tsx,但这也没有帮助。任何帮助都将不胜感激。
import * as React from "react";
import Stack from "@mui/material/Stack";
import TextField from "@mui/material/TextField";
import AdapterDateFns from "@mui
我正在尝试使用我的自定义颜色的AppBar标题。AppBar的标题是“我的应用程序栏”。我使用白色作为我的主题色。它对工具栏很有效,但AppBar的“标题”也使用了相同的“白色”颜色。
下面是我的代码:
import React from 'react';
import * as Colors from 'material-ui/styles/colors';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import getMuiTheme from
我的桌子还是有问题。我想使用对话框面板向我的数据库添加新元素,但是当我点击add按钮时,我得到了这个错误。
index.js:16 Warning: Failed prop type:
Invalid prop `className` of type `object supplied to `m`, expected `string`.
in m (created by WithStyles(m))
in WithStyles(m) (created by h)
in div (created by p)
我正在从事的项目中,我必须使用Material,只是为了简单起见,考虑一下我有一个简单的功能组件,其中我有2个实质性UI组件-- Button和Text Field
import React from 'react';
import { Button, TextField } from '@material-ui/core';
function RenderComponent(){
return(
<>
<Button variant="contained">Contain
因此,我试图使用材料用户界面库在一个反应应用程序。我发现颜色文本的样式似乎不适用于多行文本字段。请看下面的示例:
import React, { Component } from 'react';
import axios from 'axios';
import ListContact from './ListContact';
import Paper from 'material-ui/Paper';
import TextField from 'material-ui/TextField';
import
我正在使用React Material UI (文档)中的responsive抽屉
我正在试着改变它,使抽屉的高度始终保持为100%。为此,我尝试更改根类的高度,当前设置为430。但是,当我将其设置为百分比时,它只会默认为可能的最小高度。
import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import { withStyles } from 'material-ui/styles';
我有一个样式,我申请的ActionSearch图标,但不幸的是,它没有得到通过。
我不知道我能为这个问题写更多的东西,我认为它很简单,但是当纸张得到样式时,图标组件就没有了。
知道为什么会这样吗?
import React from 'react';
import Paper from 'material-ui/Paper';
import TextField from 'material-ui/TextField';
import IconButton from 'material-ui/IconButton';
import
我正在做一个React项目,并决定使用material-ui来设计样式,但我也必须学习如何在这个过程中使用它。我不断遇到主题-ing的颠簸,我已经在线阅读了材料-ui文档和其他资源,但仍然难以掌握它。我认为能够在Chrome检查器/开发工具中看到我的主题会很有帮助,就像material-ui在他们的网站上所做的那样,但我不知道怎么做。如何将我的主题暴露给控制台? material-ui exposes a global theme variable on all the pages
我正在尝试使用Material UI和React创建一个表单。到目前为止,这就是我所拥有的:
import React from 'react'
import {Button, TextField} from '@material-ui/core'
import AddIcon from '@material-ui/icons/Add'
import PropTypes from 'prop-types'
class AddItem extends React.Component {
state = {
因此,当我在materialUI中应用自定义主题(特别是更改字体)时,一些组件会更改字体,而另一些组件不会更改,我不知道为什么。基本上,无论是否嵌套在其他materialUI组件中,所有使用<Typography>组件的导入组件都不会获得应用的主题。
import classes from "./App.module.css";
import Form from "./components/Form";
import Text from "./components/Text";
import { createTheme, Th
来自React菜鸟的问题!我有材料的UI反应登录表单,并试图在登录表单中使用钩子。但获取无效的钩子调用时出错。到目前为止还没有发现。请帮帮忙..loginformstyles.js是我试图在signin.js文件中使用的钩子。登录页面有两个文本字段-用户名和密码,以及一个提交按钮。 import React from 'react';
import Avatar from '@material-ui/core/Avatar';
import Button from '@material-ui/core/Button';
import CssBa
我在一个反应项目中遇到了一个问题。在执行项目时,我会得到以下错误:
“失败的道具类型:在MuiThemeProvider中将螺旋桨‘主题’标记为必需的,但它的值未定义。”
这个错误是因为我在我的项目中应用抽屉时必须放置的MuiThemeProvider。我在几个论坛上搜索,我看到的是,这是一个错误的材料-ui版本,但我无法解决它无论如何。
import React from 'react';
import PropTypes from 'prop-types';
import { Link } from 'react-router-dom'