问题标签 [makestyles]

我已经customTheme使用createMuiTheme()并在<ThemeProvider>. 现在，我想customTheme在函数内部使用它来制作一些自定义样式makeStyles()。但makeStyles()没有得到我的customTheme. 它获取默认主题。

代码：

截图： 截图图片

从截图中可以看出，第一个<div>具有默认的深蓝色 Material-UI 正在使用makeStyles.

第二个<div>具有自定义颜色，即使用内联样式。

那么，我该如何使用customThemein makeStyles()？

我如何在 makeStyles 上实现我的 transitionDelay？这没有用。

我在反应中使用makestyles，我不明白为什么之前的内容不会显示。如果我将内容制作成图片但它不会显示文本，它将起作用。

为了进一步澄清之前元素根本没有被渲染。

根据文档，当组件处于某种状态时，material UI 提供了某些伪类，例如selected

我试图利用这个伪类

但我无法让selected选择器工作。

完整示例位于https://codesandbox.io/s/clever-mirzakhani-mhxik?file=/src/SignUp.tsx:1746-1907

管理：

如何通过主题设置类 iconContainer 的高度和高度

起初我是新来的反应。我正在尝试使用反应制作网站。我有一个功能组件，其中包含 6 个列网格中的图像和文本内容。我需要在需要的地方交换六列。我有 2 个左右类，其中一个有“::after”，另一个有“::before”伪元素。我正在使用材料 ui makestyles 来定义我的 css。我需要将类名从父组件传递给子组件并将其用作类的名称。

子组件：

父组件：

CSS

我在编码时遇到问题。我正在使用 material-ui 。但是我在安排我的代码时遇到了很大的麻烦。我在使用媒体查询时遇到问题。请帮助在材料 ui 中使用样式的最佳方法是什么？

1. 外部 SCSS 文件{我知道并喜欢使用它}；
2. MakeStyles() {我也喜欢组件。但我不知道如何使用媒体查询。}

我正在为 makeStyles 的出口而苦苦挣扎。

下面是我的代码和配置

package.json 依赖项

我发现了这个问题，但是，我遇到了以下问题。尝试从“@material-ui/core/styles”导出makeStyles，我得到模块“@material-ui/core/styles”没有导出成员“makeStyles”，而当我从“@material-ui/styles”导出时'，我在第 15 行得到“TypeError: Cannot read property 'up' of undefined”。

可以做些什么吗，或者有替代方法吗？

禁用的未选中复选框看起来有点太微妙了，我想让它们有一个灰色的背景，并且光标的类型是not-allowed.

不幸的是，我无法弄清楚如何使用makeStyles. 这是我当前的代码的样子：

不幸的是，这没有任何作用，并且禁用的复选框看起来相同。这是一个演示应用程序，用于比较禁用和启用的应用程序。

我究竟做错了什么？如何更改未选中的 MUI 禁用复选框的背景颜色：

目前，我正在尝试自定义元素的样式，但我们可以从这里开始。我似乎无法makeStyles正常使用，不确定是因为有嵌套组件还是什么。无法正常工作的线路是<TableHead className={classes.top_row}>。我试过同时使用@material-ui/styles和@material-ui/core makeStyles功能，但无济于事。

'''

'''

附带问题，在 React-Node 应用程序中，依赖关系是否安装在节点或 React 的 package.json 中是否重要？