我正试图传递一个道具来修改按钮的样式。在这种情况下,我希望按钮是“蓝色”和backgroundColor“橙色”。
在调用Button时,我传递了一个cool="true“,但是按钮在”黄色“中仍然是”红色“,好像冷状态是假的。
import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import Button from "@material-ui/core/Button";
/* This is an example of pa
我有一个应用程序代码
import React from "react";
import { Route, Switch } from "react-router-dom";
import Minidrawer from './components/Drawer/Minidrawer'
import { makeStyles } from '@mui/styles';
import Box from '@mui/material/Box';
import Main from "./components/Ma
我试图通过使用classes道具来覆盖Mui样式。
例如,我想重写组件的颜色。
我想使用makeStyles的一个定义,它将设置所有css规则,从根开始(TextField),并在将它传递给classes支柱中的组件时,覆盖层次结构中的任何东西(例如,聚焦时的InputLabel )。
怎么做的?
import * as React from "react";
import TextField from "@mui/material/TextField";
import makeStyles from "@mui/styles/makeStyles
您可以从标题中了解到,我在@material-ui/core中为自己创建了一个自定义按钮。但是,当我将这些自定义按钮添加到ButtonGroup中时,它们并不充当组。
我的自定义按钮:
import React from "react";
import { Button } from "@material-ui/core";
import CloudUploadIcon from '@material-ui/icons/CloudUpload';
import PencilIcon from '@material-ui/icons/Lin
如何将post.mainImage传递给backgroundImage样式。 这是我的代码; import React from 'react';
import { Post } from '../interfaces';
import { makeStyles, createStyles, Theme } from '@material-ui/core/styles';
import Container from '@material-ui/core/Container';
type Props = {
post: Po
我正在将一个项目从js转换为类型记录,在一个组件中,我将道具传递给material主题,以便根据输入来更改它。
反应职能构成部分的相关章节列于下:
import React from 'react';
import {makeStyles} from "@material-ui/core/styles";
// @ts-ignore
import {SketchPicker} from 'react-color';
import InputAdornment from "@material-ui/core/InputAdornment
我刚刚加入了一个开发React应用程序的团队。我们目前依赖于材料UI,包括makeStyles,来设计应用程序。我的任务之一就是弄清楚我们的全球主题。在我的传统中,我一直依赖于LESS和SCSS来实现应用程序样式和主题架构。 与切换主题架构使用makeStyles相比,坚持使用Material use (除了它已经实现的事实之外)有优势吗?