我正在尝试MuiCardActions使用主题自定义变量覆盖来定位组件的“根”类。这是我的JSS：

我可以看到显示“flex”和“flex-end”正在影响它。如果我将其更改为 'space-between' 它确实会影响组件，但填充没有影响。

链接到我在已关闭问题上发布的帖子 - 9749

我已经让所有其他样式对象工作，但由于某种原因，伪类似乎没有呈现，或者它们抛出错误我正在使用 jss-preset-default 设置。jssTest 组件下方是我尝试过的不同组合的注释示例，以及我检查它们时它们的呈现方式。

我想构建一个工具来帮助我在项目中更快地完成工作。为此，我想使用片段功能。是否可以知道是否在字符串引号或常规 javascript 代码中使用了片段前缀，例如：

以便：

我希望我的问题有意义：D

我正在尝试使用 JSS，看看迁移 Sass 代码库是否现实。我有一个非常基本的 CSS 样式示例，当悬停时，它会修改子节点的样式。

我不确定如何在 JSS 中编写它。我尝试过的东西看起来像：

谢谢！

我正在尝试使用 JSS 来实现这种行为。

这是一个使用 ID 而不是类的示例： https ://codepen.io/Pixelizm/pen/ICpKv/

编辑：我想我不清楚。我想使用 CSS-in-JS 重新创建上面的代码片段和 codepen。( https://material-ui.com/customization/css-in-js/# )

编辑 2：我感谢所有的反馈。问题不是关于 ID 与类，而是关于 JSS。我找到了答案，它在评论中。谢谢你们。

我有一个Dictionary属性非常简单的组件：

在另一个组件的道具中，我请求了一个只需要一个字符串单词的通用组件：

它的父母像这样使用它：

现在我想尝试 JSS（MaterialUI 已经在整个项目中使用，所以不，整个库不仅仅用于单个组件）。我创建了一些样式并DictionaryProps相应地更新了：

Dictionary将样式传递给React.ComponentClass-accepting时会产生以下编译错误UsesDictionary：

我通过直接使用它来确认Dictionary匹配：React.ComponentClass<{ word: string }>

这表明我没有弄乱Dictionary.

1. 我可以使用any而不是具体类型，但我已经为这个项目设置了一个规则，不要使用any. 无论如何，这是一种不好的做法，因为它失去了类型安全性。

2. 我尝试直接使用错误中的类型 - StatelessComponent<Overwrite<DictionaryProps, StyledComponentProps<"root">>>。但是：

   • 它有一些Overwrite我不知道的类型，也没有找到它所在的位置。我猜它来自 MaterialUI，我不想链接UsesDictionary到它。
   • 它需要样式 DictionaryProps化的，而不仅仅是{word: string}部分，。而且我不想将 myUsesDictionary与任何具体的字典类型结合起来，所以我不希望它知道字典是否使用withStyles。

   即使用错误中的类型不是一个可行的选择。

其他有withStyles问题的人使用它作为装饰器，因此他们的错误。在这里，这不适用，因为我已经将withStyles其用作普通函数。

简而言之：

我应该如何键入dictionary属性UsesDictionary以便它接受withStyles-ed 组件？

我正在使用 JSS 开发一组可重用的 UI React 组件，它们在 ES5/ES6 模块中都可用。是否有可以将 React/JSX 转换为原始 HTML 并将 JSS 转换为 CSS 的生成器或预处理器？

我有一个反应应用程序，我正在尝试使用 material-ui 1.0，它的 JSS 解决方案。它似乎对 justify 属性的任何对齐都没有反应。下面的代码我希望居中证明，但它没有发生。我已将代码放在我能想到的每个配置中，但它不起作用。

我觉得可能有些东西名字错了，但是 mattrial-ui 没有很好地记录它的 jss 解决方案，这是我第一次使用这个系统来设计应用程序。

Web 组件使用 shadow dom 进行样式封装。从规范中您知道 shadow root 内的样式是局部作用域的。当您多次实例化同一个 webcomponent 时，会对内存产生什么影响？例如：您将自定义按钮 Web 组件实例化 10 次。

例子

我可能会导入 style.css 或像上面那样放置一些内联的东西。自定义元素可能有道具，并且基于道具，组件行为会不断变化。现在，如果这样的组件重复 50 次，那么我会看到内联样式也会重复 50 次。浏览器是否在实例之间进行任何优化？

如果样式被重复，那么 js 中的 css 不是比 shadow dom 更好的封装解决方案吗？你可以用一个不错的 jss 生成插件来优化整个 dom 中使用的 css。

我的组件库有一些开箱即用的组件，需要我进行一些覆盖。我试图避免使用传统的 CSS 或 SASS，但我不确定如何在JSS中进行类覆盖。