问题标签 [makestyles]

我真的不明白我在做什么错。

我正在使用makeStyles（javascript）文档中描述的钩子，我得到了这个Invalid Hook Call。我正在使用 TypeScript 4.1.2、React 17.0.1 和 React Types 17.0.0。

这是组件代码：

我不知道如何使用material-ui中的makeStyles在 CSS 中做最简单的事情。

想象一下这个超级简单的例子：

样式也很简单：

您现在可能已经猜到这里的问题是什么了。我希望包装器new有时有课，当它发生时text会变红。而已。我完全不知道如何做到这一点。

我知道有'& .something'，但这看起来是一种不好的方法，我什至不知道文本的确切类名，因为类是胡言乱语（makeStyles-text-somerandomnumber）。我不想将 .new 类添加到需要额外样式的所有内容中，如果我有多个需要不同样式的段落怎么办？无法维持。我想我一定错过了一些东西，它是如此微不足道，但是，不知道该怎么做！

任何帮助将不胜感激！

我正在做一个反应项目，我想根据材质 UI 的 Popper 元素的位置属性应用 CSS。但是，我找不到任何将属性选择器用于材质 UI 的示例。我尝试了以下方法，但没有奏效。

我使用样式化的组件 API 尝试了上述方法，并且成功了。但是，这是否适用于 makeStyles 或 useStyles

React JSS 样式语法中的当前元素选择器是否有等效的工作？

用例

<Button>我的应用程序中的所有组件都有这种风格。

因此，如果它们连续出现，则第一个和最后一个具有适当的边距。

但是，有时我使用

这会将Buttoncomponent 变成aelement 而不是button. 这可能会弄乱:first-of-type/:last-of-type选择器并取消a按钮之间元素的边距。

我的初衷是设置这样的东西，但这不起作用。

到目前为止，我正在使用替代方案

我正在做一个基于设计的项目。我使用的某些 Material-UI 组件附带了一些内置样式。我找到了一种使用 createMuiTheme 和 ThemeProvider 覆盖内置样式的方法，但是我在这个项目中的负责人希望我们将所有样式保留在 Material-UI 的 makeStyles (useStyles) 部分下。我的问题是，有没有办法使用 makeStyles 来覆盖我用 createMuiTheme 覆盖的样式？

这是我使用 ThemeProvider 的导航组件：

这是我使用 makeStyles 的样式文件夹：

我很感激可以在这个主题上提供的任何帮助，我已经搜索过，但似乎找不到一个好的解决方案。

我没有设法找到border-image-sourcecss的等价物

我的目标是在按钮组件上呈现边框渐变

我正在使用 Material-UI 在个人网站上工作并使其具有响应性，我想在较小的屏幕上隐藏图像，但是当我尝试使用时[theme.breakpoints.down('md')]，它一直给我错误：

TypeError：无法读取未定义的属性“向下”

我是初学者，只是无法弄清楚为什么会出现此错误。我提到了与此类似的文档和其他问题，但我找不到任何解决方案。

这是我的组件：

我有一个父 div 和两个子 div，当我将鼠标悬停在第一个子 div 上时，我想将 CSS 应用于第二个子 div。这是渲染方法的结构。

在悬停时选择子类的材质 UI 的 makeStyles 语法是什么？

发现了很多类似的问题，但没有什么能完全回答这个问题。您如何将两者都传递theme给propsMaterial UImakeStyles钩子，但又如何从最外层的闭包中访问它们而不会导致 TS 爆炸？像这样的东西：

TS 错误：

我可以像您在其中看到的那样从样式块中访问内联道具，root但这不是我想要的。

我学习了 JavaScript React，现在我有一个问题：

我有这个Codesandbox

在我阅读的文档中，span但我无法让图像中的按钮像右侧那样跨越：

我删除了span代码，现在尝试使用 css 但没有运气。我想我已经尝试了书中的所有技巧，所以我一定错过了一些真正初学者的错误。