问题标签 [class-names]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
rspec - 定位没有特定类名的元素
这与我之前提出的这个问题相同——Watir webdriver；计算类名变化的元素。我能够根据使用类名添加特定数量的元素asset-card selectable。
目前，我希望单击更多元素以将它们添加到现有集合中。这是我的困境：
- 当一个元素没有被点击时，类名是：
image-card asset-card selectable - 单击元素时，
selected将附加到类名：
image-card asset-card selectable selected
就我而言，我正在尝试寻找仅image-card asset-card selectable包含但不包含的其他元素selected。我不确定如何明确定位它们。
是否有正则表达式解决方案或有关如何解决此问题的任何其他想法？
php - Braintree PHP SDK 类名称混淆
我已经通过 composer 开始使用 Braintree php sdk。它工作正常。它有如下类：
Braintree_Configuration等Braintree_ClientToken。
但是，我正在查看源代码vendor/braintree，但在其中找不到这些类，但我确实找到了类Configuration和ClientToken.
该设置如何工作？
css - 用于在 Atom 编辑器中替换整个代码库中的类名的正则表达式
在过去的几天里，我一直在为此苦苦挣扎。如果这是重复的，我深表歉意，我在搜索这个特定问题时找不到我需要的东西。
我有如下类名：
class="block underline primary"
className="text-center block primary-dark"
class="grey bg-black inline-block block"
我想使用 Atom 的正则表达式搜索功能搜索整个代码库，并用新的类名替换每个实例。我需要以下规则：
- 确保字符串包含在
class=""或className="" - 确保它只匹配确切的单词，所以在上面它只会匹配
block，而不是inline-block我正在搜索的内容。
我目前有这个几乎可以满足我的需要，但没有考虑className或class将返回不包含在我不想要的类中的段落或内容：
(\s(block)\s)|(="(block)\s)|(\s(block)")
有没有办法一举进行正则表达式查找和替换？我知道我可能无法得到所有东西，因为可以以编程方式添加类，但我想尽可能多地使用查找和替换而不是搞砸其他事情。非常感谢任何帮助或指导。
编辑
我还需要考虑如下类名：
class="block block-title blockDisabled"
所以最后我只想瞄准block而不是别的。
reactjs - 使用 Jest 进行测试时，classnames_1.default 不是函数
当使用类名（https://www.npmjs.com/package/classnames）库时，我在Jest上运行测试用例时遇到问题：
它抛出错误：classnames_1.default 不是函数
它正在网站本身上与 webpack 一起使用..所以我不想更改导入。
我可以选择模拟类名以进行测试以提供类似的行为。有没有其他方法可以解决这个问题？
有没有人遇到过这个问题？
这是我在 package.json 中的笑话配置：
"jest": {
"globals": {
"API_HOST": "",
"DEV": false
},
"transform": {
".(ts|tsx)": "<rootDir>/node_modules/XXX-framework/jestTypeScriptPreProcessor.js"
},
"testRegex": "(/tests/.*|\.(test|spec))\.(js|jsx|ts|tsx)$",
"transformIgnorePatterns": [],
"moduleFileExtensions": [
"ts",
"tsx",
"js",
"json"
],
"automock": false,
"clearMocks": true,
"resetMocks": true,
"coverageThreshold": {
"global": {
"branches": 50,
"functions": 50,
"lines": 50,
"statements": 50
}
},
"modulePaths": [
"<rootDir>/src",
"<rootDir>/node_modules/XXX-framework/src"
],
"unmockedModulePathPatterns": [
"<rootDir>/node_modules/react/",
"<rootDir>/node_modules/react-dom/",
"<rootDir>/node_modules/react-addons-test-utils/",
"<rootDir>/node_modules/enzyme/",
"<rootDir>/node_modules/XXX-framework/"
]
}
谢谢
reactjs - 使用 css 类名和 react-virtualized 或 react-select
所以我试图将这两个模块集成到我的项目中，但我在处理它的 CSS 部分时遇到了困难。
我的项目正在使用 postcss 将我自己的 css 文件转换为“已编译”的 css 文件，并为每个文件添加了类名。react-virtualized 和 react-select 都有自己的 css 文件来定义样式，但是我不明白如何覆盖它们或将它们集成到我的项目中。
我的 webpack css 配置如下：
当我在我的主 app.js 文件中执行以下行时，我得到一个失败的 css 解析错误（意外令牌）。
我能够加载 CSS 样式的唯一方法是使用
意思是，将整个 CSS 复制到我自己的项目中，然后在没有 postcss 工作的情况下导入它。但是，我不知道这是否是最好的方法，因为它非常明确地使用这些模块。
有没有人有更好的解决方案？
python - 使用类名访问静态变量
有没有办法在不显式使用类名的情况下访问类变量，以防我稍后决定更改类的名称？
像这样的东西
这可能以简单的方式吗？
回答
self.static_variable或 __class__.static_variable
css - 使用类名和 React 看不到我的课程？
使用 React 和类名来做样式。我没有收到任何错误，但是当我使用 console.log(styles.uiPad) 时我得到了未定义。当我使用 console.log(styles) 时，我确实得到了一个对象。我的类名导入组件也成功获得了 console.logged 但没有任何反应。我究竟做错了什么？这是一个 webpack 的东西吗？
这是我的进口：
这是我的渲染：
ruby-on-rails - 从自定义名称获取关联
我的研讨会模型有一个名为teacher_id 的列。这部分关系正在发挥作用。我可以调用seminar.teacher 来检索教授该研讨会的用户。
我希望能够反转该查询。换句话说，我需要调用teacher.own_seminars 来获取该用户列为teacher_id 的所有研讨会的集合。我知道我可以调用 Seminar.where(:teacher => teacher)，但这很笨拙。而且我认为这样的表现可能更糟。
注意：一些用户是通过seminar_user 连接表链接到研讨会的学生，但我认为这不会影响这个问题。
这是尚未完全正常工作的模型设置
干杯!
javascript - 如何检查 DOM 中所有 div 的类名是否具有带有 vanilla Javascript 的特定字符串？
我有以下标记：
如何检查 DOM 中的 div 是否具有包含文本的类名hidden？所需的输出将是true上述代码。
这是我到目前为止所拥有的，但这仅检查上面示例中的第三个 div：
我想检查第三个和第一个 div — 任何包含类名和文本的 div hidden。
javascript - 在反应组件中为淡出元素设置动画
我在反应组件中创建了一个淡出警告/错误消息（引导样式），并且我在淡出时间方面遇到了一些问题。
到目前为止，我的淡出效果很好，现在是这样完成的：
现在，我想删除 setTimeout 和状态，使其成为功能性无状态组件。我的问题是我的风格中的转换延迟似乎不起作用，我担心它与 classNames 如何将类应用于组件有关。
这是我的风格：
谢谢