如何解决是否可以在生成的样式组件类之前添加自定义类?
项目的样式化组件输出中是否可以在所有类的前面加上固定的字符串?
例如
class="sc-fznyAO"
将成为
class="myProjectOne-sc-fznyAO"
我在同一页面上运行了几个已编译的项目,每个项目都是专用.js文件中的react应用。将所有随机生成的哈希值放在生成它的项目之前确实会提高可读性和特异性。
到目前为止,尝试使用import styled from 'styled-components/macro';
导入样式化组件。这提供了更多的控制性和特异性。但是我并不是真正在寻找控制每个元素的方法。这些都可以保留为随机散列,我只想为每个单个类的每个项目添加相同的字符串。
我认为这应该在webpack配置中的某处可行,但我似乎找不到。
解决方法
下面是一个示例,它将为您提供前置的类名
export const Example = styled("div").withConfig({ displayName: "myProjectOne" })(
css`
width: 100%;
`
);
,
您可以像其他任何属性一样设置class属性。 只要类名遵循标准格式
$('。mw')
$('。mw')
$('。mw')。setAttribute(“ class”,“ mw-mestuff”);
未定义
$('。mw-mestuff')
问题有时会引用选定的对象,但是如果您正在处理特定的事物列表,那么它确实起作用。
而且显然stackoverflow有一个代码注入漏洞,因为我不得不手动键入实体以显示控制台响应大声笑
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。