时间戳

首页 > 解决方案 > 如何在同一样式表 JSS 中引用本地规则

reactjs - 如何在同一样式表 JSS 中引用本地规则

问题描述

我该如何解决？

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

我将如何做相当于 classes.error 的操作？

标签： reactjsjss

解决方案

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

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

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

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

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

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

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

推荐阅读