问题标签 [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.

0 投票
1 回答
36 浏览

reactjs - 为什么 className 出现在我的样式规则中?

我正在尝试应用关键帧动画来淡出元素,但是当该类被添加到元素时,它似乎会调整规则本身并将 className 注入规则以引用fadeOut关键帧。

当类应用于元素时,Chrome 开发工具中会显示以下内容:

0 投票
1 回答
5044 浏览

reactjs - 如何在 React 中组合多个类名?

我正在使用 Create-React-App 编写一个小型 React 应用程序。对于简单的样式调整,我使用 tachyons-css。由于频繁出现的 CSS 样式问题,我最近从经典 CSS 样式切换到 CSS 模块(对于 SCSS 也是有效问题)。现在我想知道是否有一种方法仍然可以同时使用 CSS 模块和 tachyons 样式 - 即使不再可能只向 CSS 模块样式对象添加一个额外的“经典”类名。

在使用 CSS 模块之前,我曾经通过拥有多个类名来定义一个类和 tachyons 样式(在本例中为 padding5)。例如:

使用 CSS 模块时,CSS 类定义现在看起来像这样:

现在如何将这种语法与之前使用的 tachyons 样式结合起来?有这样的东西可以工作吗?:

非常感谢!

2019 年 9 月 5 日更新:

clsx正是我想要实现的。安装 clsx 后

然后可以使用 clsx 对 ExampleComponent 进行样式设置,如下所示:

20 年 5 月 17 日更新:

正如 Sandip 指出的那样,ClassNames 包和 clsx 包可以用来实现相同的行为。这两个软件包的每周下载量甚至表明 ClassNames 的使用频率比 CLSX 高得多(截至 2020 年 5 月 17 日,每周下载量约为 5.2 mio 与约 1.6 mio)。github 上的这个链接讨论了两个包之间的性能差异。

0 投票
3 回答
76897 浏览

reactjs - 如何在 React 中使用 clsx

我试图了解 clsx 在将类名分配给 React 中的组件时的一些用途。

构造

很清楚。它应用 'classes.menuButton',如果布尔值 'open' 的值为真,也应用 'classes.hide'。

我的问题与第二个示例有关:

这将应用“classes.appBar”。但是第二个参数是什么意思呢?

0 投票
1 回答
70 浏览

class - 如何正确命名包含返回从此类中设置的源中选择的值并以相同方式设置源值的属性的类?

我有一个类,其中包含多个潜在的价值来源(具有相同的 c 类型)和属性,该属性根据提供的来源返回某些来源的价值(按重要性顺序,包括内部价值)。我简单地称它为 Provider,但也可以设置属性(这实际上基于相同的逻辑设置了一些源值),所以它看起来不正确。

我宁愿称它为双向提供商或承包商(这很麻烦),但感觉就像我在这里有一些模式,有一个特定或全面的名称。更多“接近真相”的变体:分配器、指挥、供应、代理、贡献者。像 Node 一样简单,但更具体的东西。

tl;dr:名称必须反映所有或大部分这些陈述:

  • 类包含多个可以设置“外部”的外部值源(Exposer???)
  • 类包含“默认”内部值(可以被源值“覆盖”)(容器?)
  • 类(属性)总是提供一些价值(提供者?)
  • 可以设置(类的)属性(接收者?)
  • 该值可以获取或设置,来自外部值源(如果有),或者来自内部值(解析器?)
  • 在类(属性)呈现的值类型旁边看起来合乎逻辑(例如:FloatProvider)

    /li>
0 投票
2 回答
125 浏览

reactjs - ClassName 没有被传递给 Objects

代码如下。我正在尝试将活动状态传递给 React 轮播中的幻灯片。但是在检查器中,我得到的只是类名 [object. object] 而不是正确的类名。没有将 className 传递给轮播中的幻灯片是否有特殊原因?我试图做到这一点

0 投票
2 回答
187 浏览

c++ - 可以在编译时隐式引用类名吗?

有没有办法在编译时隐式引用一个类的名称?

具体来说,如果我想在 范围内声明template class Ausing的实例,有没有办法避免在声明实例的语法中显式引用“B”?class Bclass Bclass A

为了更好地说明一个例子:

我尝试过的内容:
阅读C++ 中是否有 __CLASS__ 宏?,所以我知道没有__CLASS__(伪等效于__FUNCTION__)预处理器宏。该帖子的一些解决方案从中提取类名__PRETTY_FUNCTION__- 但这是一个不适用于这种情况的运行时解决方案。

我在 StackOverflow 上阅读了关于是运行时间还是编译时间的相互矛盾的 信息;typeid(T)无论哪种方式,都无法编译,并且无论如何看起来都是错误的:在那种情况下A<typeid(*this).name()> a_;显然没有。 根据我的阅读,https: //en.cppreference.com/w/cpp/language/typeid 上的文本清楚地表明这是运行时,因此不适用于这种情况。this
typeid

0 投票
1 回答
2286 浏览

javascript - 使用类名根据 props 值使用 CSS 动态设置组件样式

我正在创建一组使用 CSS 设置样式的可重用组件(包装材料 UI)。我需要通过传入自定义按钮的道具动态设置组件的宽度。

我想使用类名来合并为 MyButton 定义的 const 根样式(我已在沙箱中将其剥离,但它设置了颜色、图标等)和可以根据传入的 prop 定义的动态 sizeStyle。

我看不出为什么样式没有应用于页面上的第一个按钮,其中有一个道具通过 - 我可以在控制台上看到这两种样式应该被应用。

这里的沙箱: https ://codesandbox.io/s/css-styling-custom-muibutton-width-as-prop-36w4r

TIA

0 投票
1 回答
214 浏览

c++ - 由于多个 *.ui 文件而导致多个 Ui_Dialog 定义?

我正在开发一个3.5 英寸 LCD 屏幕的 RaspberryPi 。我有一个基于 Qt 5 的应用程序,它在没有标题栏的信息亭模式下运行。该应用程序使用整个 320x480 屏幕。我正在尝试添加当用户单击主对话框窗口上的按钮时显示的第二个对话框。

每个对话框都是使用 Qt Designer 设计的。每个对话框都有一个*.ui设置对话框大小和添加按钮的文件。该*.ui文件是 uic'd 或 moc'd 到头文件和源文件中:

问题似乎是 *.ui 文件的翻译方式:

和:

我知道这个问题,但我不确定如何在 Qt 工具下修复它。这些工具需要为每个*.ui文件使用唯一的命名空间或唯一的类名。

我该如何解决这个问题?


Noloader |提供 MCVE 。qt-ui-dialog GitHub。MCVE 被克隆:

该问题可以通过以下方式重现:

0 投票
3 回答
38 浏览

javascript - JavaScript:如何获取子名

我有一个类似这样的结构:

没有我的问题是我想在javascript中获取内部类名'E0'和'GU',而我只知道外部类名'tower'。

因此,虽然“塔”保持不变,但“EO”和“GU”可能是其他名称,我希望拥有类名(作为字符串)。

感谢您的帮助(很抱歉这个可能很愚蠢的问题)

0 投票
1 回答
41 浏览

css - 如何将类名库与条件类和动态类一起使用

我开始使用classnameslib,在我遇到这种情况之前它非常简单整洁。

我想做一个可扩展的行动画。想法很简单 - 有条件地添加将动画添加到打开行的类。在我的情况下,扩展行的高度是动态的。

这是我简化的 React 组件

CSS 文件

现在它给了我一个class="expandableContainer [object Object]"扩展状态的结果。这里的问题在哪里?为什么是objectObject

如果这heightProp不是动态的,那将只是

但看起来我不知道如何处理组件内定义的 css。

非常感谢您的帮助!