ReactJS和Material UI生成样式/使用样式问题

文章/答案/技术大牛

发布

1回答

javascript、css、reactjs、material-ui

我正在开发一个小的web应用程序，我正在使用ReactJS和Material UI开发它。在文档中提供的示例中，许多组件似乎在代码中包含useStyles。我的问题是:这是一个好的实践吗？通常我有一个包含所有类的单独的CSS文件，坦率地说，我发现它更容易管理，但在这种情况下，我想遵循CSS-in-JS模式。

浏览 35提问于2019-12-07得票数 1

回答已采纳

2回答

自定义材料设计数据表复选框

css、reactjs、svg、material-design、material-ui

我刚开始在ReactJS中使用material-ui设计。我正在努力更改显示在<TableRow />组件下的复选框样式。()你知道怎样才能实现吗？

浏览 1提问于2016-11-22得票数 0

1回答

如何在Material-UI中使用外部CSS而不是Javascript中的样式

reactjs、material-ui

我开始使用Material-UI库开发使用ReactJS框架的应用程序。我看到所有样式都是在Javascript中定义的，但我想使用CSS来设置组件的样式如何移除对Javascript的依赖以样式化组件。与CSS相比，在JS中使用样式有什么优势吗？

浏览 0提问于2019-04-29得票数 3

1回答

Youtube上的文档加载器用的是什么？

reactjs、material-design

在加载内容之前，我想使用Youtube上的加载器。在youtube上，在呈现实际内容之前，每个内容都使用浅灰色加载器。它由正方形和圆形组成，用于模拟将要渲染的实际内容。你知道这是什么吗？令人惊讶的是，我在material-ui和google搜索中都找不到它。

浏览 6提问于2019-06-17得票数 0

1回答

在material ui中使用withStyle HOC的CSS选择器

css、reactjs、material-ui

我在Reactjs中使用material-ui，对于我选择使用CSS来设置组件样式的样式，问题是我不知道如何将复杂的选择器从withStyles转换为React样式。display:"inline-block" fontSize: 14,这就是我现在正在做的，当然我正在使用export default withS

浏览 1提问于2020-01-19得票数 0

1回答

全局样式、主题样式、钩子样式、自定义->样式和内联样式的特异性和实现之间的差异

reactjs、material-ui

最近，我一直在尝试material-ui，并且遇到了一些关于如何设置组件样式的问题。尽管大多数material-ui样式设计方法都非常直观且易于理解，但它可能会让人感到有点困惑，因为有这么多方法来设计组件的样式。就像我在问题How to set the zIndex on the drawer component中所问的，设置组件的z索引的唯一方法是使用style props通过内联样式。由于<em

浏览 30提问于2020-09-13得票数 1

回答已采纳

1回答

部署生成时，ReactJs material ui样式中断

reactjs、build、material-ui

我使用reactjs的material ui构建我的应用程序，但是样式在已部署的构建版本上被破坏了，这是我的App.JS文件import MuiPickersUtilsProviderfr

浏览 0提问于2018-06-09得票数 0

1回答

样式-组件不适用于材料用户界面

reactjs、material-ui、styled-components

import { styled } from "@mui/system";and 我使用reactjs的资料-ui创建一个网站，然后我想添加我的自定义风格的帮助样式组件到material组件(具体来说，我想改变AppBar风格)。但我遇到了两个问题。我试图用样式组件库创建我的自定义设计：导

浏览 8提问于2022-03-26得票数 1

回答已采纳

1回答

物料用户界面产品生成生成与开发中不同风格的订单定义。

javascript、reactjs、material-ui、parceljs

使用material，生产构建与开发构建不同:生产中生成的物料-ui样式没有按照与开发版本相同的顺序定义。在PROD中，HTML标记按以下顺序包含material样式：在4.11.3Parcel版本中使用ui使产品生成自定义makeStyles是不使用(所以我不关心解决方案)<code>H 1

浏览 2提问于2021-02-16得票数 3

回答已采纳

2回答

Css被覆盖了吗？

reactjs、material-ui、material-table

我正在为react应用程序使用material ui。我还使用了材料表。我的导航栏只使用material ui提供的默认样式。这一直运行得很好。然而，当我向页面添加材料表时，导航栏从蓝色变为白色！我不确定如何解决这个问题。

浏览 0提问于2019-07-12得票数 1

2回答

React JS -如何在对话框的PaperProps中添加样式(material-ui)

reactjs、dialog、material-ui、inline-styles、overriding

我正在使用material-ui ReactJs中的对话框组件。现在我还想覆盖PaperProps中的样式。是否可以在PaperProps中覆盖样式。我也想重写样式。

浏览 16提问于2018-08-07得票数 1

回答已采纳

1回答

有任何方法来改变材料-UI添加样式标记html元素的位置吗？

reactjs、material-ui、jss

Material将生成的样式标记添加到<header />中，这当然是样式的标准位置，但是我需要将样式标记添加到不同的html元素中。我有一个计划，但问题是这个遗留应用程序正在使用引导程序，这会扰乱我的React组件。<div class="clearcss"> <style

浏览 6提问于2020-07-22得票数 1

回答已采纳

1回答

产品中Nextjs / nx Nrwl / Material UI样式的初始渲染样式问题。以前有没有人遇到过这个问题？

reactjs、material-ui、next.js、nrwl-nx、nrwl

我正在尝试使用下一个js插件和material ui运行nx nrwl。它在我们的dev构建中都工作得很好，但是当我们服务于生产构建时，material-ui/styles就失效了。我使用了material ui示例(https://github.com/mui-org/material-ui/tree/master/

浏览 18提问于2020-10-29得票数 0

回答已采纳

3回答

ReactJS:使用自己的css创建独立组件

javascript、css、reactjs、dom、material-ui

我正在尝试开发一个reactjs组件库，以便能够被不同的项目重用。编辑我忘了补充一下，我正在使用。这是一

浏览 9提问于2016-03-31得票数 4

回答已采纳

1回答

Material-UI主题不适用于纱线pnp (浆果)

material-ui、yarnpkg

我在这个问题上花了很多时间，但我找不到另一个原因。将yarn (v1)与即插即用或yarn v2一起使用时。(berry)我不能让Material-UI theming v4.4.3工作。使用标准的非pnp纱线配置时没有问题。 (create-react-app) import React from "react";import { createMuiTheme } from

浏览 7提问于2019-10-01得票数 0

1回答

VSCode，如何在typescript中隐藏指定的类型和建议？

typescript、visual-studio-code、autosuggest

问题1；你好，我正在使用typescript和VSCode，我安装了伟大的软件包“@material-ui/core”和“@ export”，它们都是这样导出“样式”的。import { styled } from '@material-ui/core' import styled from '@emotion/styled/types/base

浏览 24提问于2020-12-09得票数 0

1回答

TextField -悬停在Material上时显示指针光标的ui

css、reactjs、material-ui

Material-ui/ReactJS新手问题。我试图在将光标悬停在Material-ui TextField上时显示指针光标，但很难做到这一点。默认情况下，它使用'cursor: text‘。我尝试过使用className、类、样式(内联)，但我确定我没有做正确的事情。Material-ui有一个演示，演示了如何在悬停时更改文本字段样式，并集中在https:&

浏览 1提问于2021-06-12得票数 1

1回答

使用material-ui和服务器端渲染的React-JSS

reactjs、material-ui、jss

我有一个react应用程序和一个使用material-ui构建的自定义组件库。根据我所读到的，material-ui似乎使用了JSS的包装版本，所以它们应该是兼容的，但我无法同时提取我自己的样式以及Material-UI中的样式。我似乎能从中提取出其中的一个...当我尝试将其与@material-ui结合使用时，问题就来了。简单

浏览 1提问于2020-06-12得票数 1

5回答