如何在相同样式中引用本地规则 sheet JSS

Question

我该如何解决？

'&:focus':{
    '&:hover':{
        borderColor: colors.electro
        },
    `&~${ classes.error }`:{
        display: 'none'
        },
}

我该怎么做相当于classes.error？

Answer 1

您只需使用 $classname，因为 JSS 中没有 classes 对象。

确保你有 jss-nested。您可以在那里找到文档。

将代码的最后一部分替换为：

'& $error':{
    display: 'none'
  },

这是假设您的 JSS 中有另一个 class 称为错误。它将使用生成的名称。这允许您像这样应用 classes：{classNames(classes.whatever, classes.error)}

如果您的 JSS 中没有另一个 class 调用错误，那么您可以删除美元符号。这意味着当您将 classes 应用于您的元素时，您可以使用 {classNames(classes.whatever, 'error')}

请注意，我使用的是 classNames，但您可以使用字符串连接。

How to reference a local rule within the same style sheet JSS